.tr{background:var(--ink-950);border:1px solid color-mix(in srgb, var(--gold) 45%, var(--ink-700));border-radius:12px;margin:1.6rem 0;padding:1rem 1.2rem 1.1rem;transition:border-color .4s,box-shadow .6s;position:relative}.tr.tr-embedded{border-style:dashed;margin:0 0 .9rem;padding:.8rem .95rem .9rem}.tr-head{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.tr-mark{font-family:var(--font-display);color:var(--gold);letter-spacing:.18em;font-size:.9rem}.tr-state{letter-spacing:.14em;color:var(--star-dim);border:1px solid var(--ink-700);border-radius:99px;padding:.05rem .6rem;font-size:.68rem}.tr-prop{color:var(--star-bright);margin:.2rem 0 .6rem;font-size:1rem;line-height:1.8}.tr-prop-text{background-image:linear-gradient(var(--gold), var(--gold));background-position:0 58%;background-repeat:no-repeat;background-size:0% 1.5px;transition:background-size .9s cubic-bezier(.6,0,.2,1) .15s,color .6s}.tr-conds{gap:.25rem;margin:0 0 .4rem;padding:0;list-style:none;display:grid}.tr-conds li{color:var(--star-soft);align-items:baseline;gap:.5rem;font-size:.84rem;transition:color .3s;display:flex}.tr-check{text-align:center;width:1.1em;color:var(--star-dim);transition:color .3s,transform .3s;display:inline-block}.tr-conds li.ok{color:var(--star-bright)}.tr-conds li.ok .tr-check{color:var(--gold);transform:scale(1.25)}.tr-feedback{color:var(--star-soft);margin:.6rem 0 0;font-size:.85rem;line-height:1.7}.tr-feedback b{color:var(--star-bright)}.tr-hint p{border-left:2px solid var(--gold);background:color-mix(in srgb, var(--ink-800) 70%, transparent);color:var(--star-soft);margin:.6rem 0 0;padding:.5rem .75rem;font-size:.84rem;line-height:1.7}.tr-hint b{color:var(--gold);margin-right:.4rem;font-weight:500}.tr-link{font:inherit;color:var(--gold);cursor:pointer;letter-spacing:.06em;background:0 0;border:none;margin-top:.55rem;margin-right:1rem;padding:0;font-size:.8rem}.tr-link:hover{color:#fff}.tr-retry{color:var(--star-dim)}.tr.tr-solved{border-style:solid;border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 25%, transparent), 0 0 32px color-mix(in srgb, var(--gold) 14%, transparent)}.tr.tr-solved .tr-state{color:var(--ink-950);background:var(--gold);border-color:var(--gold)}.tr.tr-solved .tr-prop-text{color:#f2dca8;background-size:100% 1.5px}.tr.tr-fresh{animation:1.6s ease-out tr-glow}@keyframes tr-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 60%, transparent)}40%{box-shadow:0 0 0 10px color-mix(in srgb, var(--gold) 0%, transparent), 0 0 60px color-mix(in srgb, var(--gold) 35%, transparent)}to{box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 25%, transparent), 0 0 32px color-mix(in srgb, var(--gold) 14%, transparent)}}.tr-cheer{color:var(--gold);letter-spacing:.04em;margin:.7rem 0 0;font-size:.84rem;animation:.6s ease-out .3s both tr-rise}.tr-explain{background:color-mix(in srgb, var(--ink-800) 75%, transparent);color:#c3cbe2;border-radius:8px;margin-top:.7rem;padding:.7rem .9rem;font-size:.87rem;line-height:1.85;animation:.6s ease-out .5s both tr-rise}.tr-explain>b{letter-spacing:.12em;color:var(--gold);margin-bottom:.2rem;font-size:.78rem;font-weight:500;display:block}@keyframes tr-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sl.sl-solved,.ml.ml-solved{transition:border-color .6s;border-color:var(--gold)!important}.tr-btn{font:inherit;letter-spacing:.06em;border:1px solid var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent);color:var(--gold);cursor:pointer;border-radius:99px;padding:.4rem 1.1rem;font-size:.85rem;transition:background .2s,color .2s,opacity .2s}.tr-btn:hover:not(:disabled){background:var(--gold);color:var(--ink-950)}.tr-btn:disabled{opacity:.4;cursor:default}.tr-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.8rem;display:flex}.tr-pool{border:1px dashed var(--ink-700);border-radius:8px;flex-wrap:wrap;gap:.45rem;min-height:2.4rem;margin-bottom:.7rem;padding:.5rem;display:flex}.tr-pool-empty{color:var(--star-dim);align-self:center;padding:0 .3rem;font-size:.78rem}.tr-chip{font:inherit;text-align:left;border:1px solid var(--ink-700);background:var(--ink-800);max-width:100%;color:var(--star-bright);cursor:pointer;border-radius:14px;padding:.3rem .75rem;font-size:.84rem;line-height:1.5;transition:border-color .2s,background .2s,transform .15s,color .3s}.tr-chip:hover{border-color:var(--star-soft)}.tr-chip.selected{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 18%, var(--ink-800));transform:translateY(-2px)}.tr-chip.correct{border-color:var(--gold);color:#f2dca8;animation:.4s ease-out both tr-pop}@keyframes tr-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.tr-bins{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:.55rem;display:grid}.tr-bin{text-align:left;font:inherit;border:1px solid var(--ink-700);background:color-mix(in srgb, var(--ink-800) 55%, transparent);min-height:5.2rem;color:inherit;cursor:pointer;border-radius:10px;flex-direction:column;gap:.35rem;padding:.5rem .55rem .6rem;transition:border-color .2s,background .2s;display:flex}.tr-bin.armed{border-color:color-mix(in srgb, var(--gold) 60%, var(--ink-700))}.tr-bin.armed:hover{background:color-mix(in srgb, var(--gold) 10%, var(--ink-800))}.tr-bin-title{color:var(--gold);letter-spacing:.08em;font-size:.8rem}.tr-bin-note{color:var(--star-dim);font-size:.7rem;line-height:1.5}.tr-bin-items{flex-wrap:wrap;gap:.3rem;display:flex}.tr-guess{flex-wrap:wrap;align-items:baseline;gap:.8rem;margin:.4rem 0 .2rem;display:flex}.tr-guess-num{font-family:var(--font-display);color:var(--star-bright);text-align:right;min-width:4.5ch;font-size:2rem}.tr-guess-unit{color:var(--star-soft);font-size:.85rem}.tr-range{width:100%;accent-color:var(--gold)}.tr-sim{width:100%;height:auto;margin-top:.8rem;display:block}.tr-ends{color:var(--star-dim);letter-spacing:.08em;margin:.2rem 0;font-size:.72rem}.tr-order{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.tr-order li{border:1px solid var(--ink-700);background:color-mix(in srgb, var(--ink-800) 60%, transparent);border-radius:8px;align-items:stretch;gap:.4rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.tr-order li.selected{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--ink-800));transform:translate(4px)}.tr-order li.correct{border-color:var(--gold);animation:.4s ease-out both tr-pop}.tr-order-item{text-align:left;font:inherit;color:var(--star-bright);cursor:pointer;background:0 0;border:none;flex:1;align-items:baseline;gap:.6rem;padding:.45rem .6rem;font-size:.88rem;line-height:1.6;display:flex}.tr-order li.correct .tr-order-item{color:#f2dca8}.tr-order-no{font-family:var(--font-mono);color:var(--star-dim);min-width:1.2em;font-size:.72rem}.tr-order-move{flex-direction:column;justify-content:center;padding-right:.3rem;display:flex}.tr-order-move button{font:inherit;color:var(--star-soft);cursor:pointer;background:0 0;border:none;padding:.15rem .35rem;font-size:.7rem;line-height:1}.tr-order-move button:hover:not(:disabled){color:var(--gold)}.tr-order-move button:disabled{opacity:.25;cursor:default}.tr-choices{gap:.4rem;margin-top:.3rem;display:grid}.tr-choice{text-align:left;font:inherit;border:1px solid var(--ink-700);background:color-mix(in srgb, var(--ink-800) 60%, transparent);color:var(--star-bright);cursor:pointer;border-radius:8px;align-items:baseline;gap:.7rem;padding:.55rem .8rem;font-size:.88rem;line-height:1.6;transition:border-color .2s,background .2s,opacity .3s;display:flex}.tr-choice:hover:not(:disabled){border-color:var(--star-soft)}.tr-choice:disabled{cursor:default}.tr-choice-mark{font-family:var(--font-mono);color:var(--star-dim);min-width:1em;font-size:.75rem}.tr-choice.wrong{opacity:.5;border-style:dashed}.tr-choice.wrong .tr-choice-mark{color:var(--vermilion)}.tr-choice.right{border-color:var(--gold);color:#f2dca8;animation:.4s ease-out both tr-pop}.tr-choice.right .tr-choice-mark{color:var(--gold)}