.tr-step{color:#3a2a22;margin:.5rem 0;font-weight:700}.tr-step b{color:#fff;text-align:center;background:#cb0001;border-radius:50%;width:1.5rem;height:1.5rem;margin-right:.4rem;font-size:.85rem;line-height:1.5rem;display:inline-block}.tr-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.tr-chip{white-space:nowrap;color:#3a2a22;cursor:pointer;background:#fff;border:1px solid #e3cfb5;border-radius:2rem;min-height:2.5rem;padding:0 1rem;font-size:.95rem}.tr-chip.is-on{color:#fff;background:#cb0001;border-color:#cb0001;font-weight:700}.tr-input{resize:vertical;height:auto;min-height:4rem;padding:.5rem .75rem}.tr-nhan{color:#5c5148;margin:.5rem 0 1rem;font-size:.9rem}.tr-nhan b{color:#cb0001}.tr-top{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.tr-tag{color:#fff;background:#cb0001;border-radius:2rem;padding:.15rem .7rem;font-size:.85rem;font-weight:700}.tr-q{color:#5c5148;font-size:.9rem;font-style:italic}.tr-tray{gap:.5rem;margin-bottom:.6rem;display:flex}.tr-tray__slot{color:#8a7a68;background:#fff;border:1.5px dashed #d9bf9c;border-radius:.5rem;flex:1;justify-content:space-between;align-items:center;gap:.4rem;min-height:2.6rem;padding:0 .6rem;font-size:.75rem;display:flex}.tr-tray__slot b{color:#8a7a68;text-align:center;background:#f3e6d3;border-radius:50%;width:1.4rem;height:1.4rem;font-size:.8rem;line-height:1.4rem;display:inline-block}.tr-tray__slot.is-full{color:#3a2a22;background:#fff4d6;border:1.5px solid #c9974f;font-weight:700}.tr-tray__slot.is-full b{color:#fff;background:#cb0001}.tr-fan{background:radial-gradient(at 50% 60%,#2a3358,#151a30);border-radius:.8rem;flex-wrap:wrap;row-gap:.2rem;padding:calc(1.1rem + 3.5vw) .9rem .9rem;display:flex}.tr-fan.is-xao .tr-back{animation:.7s tr-xao}.tr-back{--n:13;--w:calc(99.5% / (.6 * var(--n) + .4));width:var(--w);aspect-ratio:7/12;margin-top:calc(var(--w)*-.55);margin-left:calc(var(--w)*-.4);cursor:pointer;background:#1b2340 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 120'><rect x='4' y='4' width='62' height='112' rx='5' fill='none' stroke='%23c9974f' stroke-width='1.2'/><g fill='%23d8a45b'><circle cx='35' cy='60' r='9'/><g stroke='%23d8a45b' stroke-width='2' stroke-linecap='round'><path d='M35 42v-7M35 78v7M17 60h-7M53 60h7M22 47l-5-5M48 73l5 5M48 47l5-5M22 73l-5 5'/></g><circle cx='15' cy='18' r='5'/><circle cx='55' cy='18' r='5'/><circle cx='15' cy='102' r='5'/><circle cx='55' cy='102' r='5'/></g></svg>") 50%/100% 100% no-repeat;border:1px solid #c9974f;border-radius:5px;flex:none;padding:0;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:-2px 1px 5px #00000073}.tr-back:nth-child(13n+1){margin-left:0}.tr-back:hover,.tr-back:focus-visible{outline:none;transform:translateY(-6px)}.tr-back.is-on{border-color:#ffd98a;transform:translateY(-10px)scale(1.12);box-shadow:0 0 0 2px #ffd98a,0 4px 14px #ffd98a8c}.tr-back i{color:#1b2340;text-align:center;background:#ffd98a;border-radius:50%;width:20px;height:20px;font-size:.75rem;font-style:normal;font-weight:700;line-height:20px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}@media (min-width:768px){.tr-back{margin-top:calc(var(--w)*-.42)}.tr-fan{padding:2.25rem 1.5rem 1.5rem}}@keyframes tr-xao{0%{transform:translateY(0)}30%{transform:translateY(-8px)rotate(-4deg)}60%{transform:translateY(4px)rotate(4deg)}to{transform:translateY(0)}}.tr-actions{gap:.5rem;margin-bottom:.75rem;display:flex}.tr-ghost{color:#3a2a22;cursor:pointer;background:#fff;border:1px solid #e3cfb5;border-radius:.5rem;flex:1;min-height:2.5rem;font-size:.95rem}.tr-again{margin-top:.75rem}.tr-card__q{text-align:center;color:#5c5148;margin:.5rem 0 .75rem;font-style:italic}.tr-spread{justify-content:center;gap:.5rem;margin:.5rem 0 1rem;display:grid}.tr-spread--1{grid-template-columns:minmax(0,12rem)}.tr-spread--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-spread--3 .tr-slot__pos{font-size:clamp(.6rem,2.7vw,.75rem)}.tr-slot{text-align:center;flex:0 11rem;min-width:0;margin:0}.tr-slot__pos{text-overflow:ellipsis;white-space:nowrap;color:#cb0001;text-transform:uppercase;margin-bottom:.3rem;font-size:.75rem;font-weight:700;overflow:hidden}.tr-slot__img{border-radius:6px;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000040}.tr-slot__img img{width:100%;height:auto;display:block}.tr-slot__cover{transform-origin:0;background:#1b2340 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 120'><rect x='4' y='4' width='62' height='112' rx='5' fill='none' stroke='%23c9974f' stroke-width='1.2'/><g fill='%23d8a45b'><circle cx='35' cy='60' r='9'/><g stroke='%23d8a45b' stroke-width='2' stroke-linecap='round'><path d='M35 42v-7M35 78v7M17 60h-7M53 60h7M22 47l-5-5M48 73l5 5M48 47l5-5M22 73l-5 5'/></g><circle cx='15' cy='18' r='5'/><circle cx='55' cy='18' r='5'/><circle cx='15' cy='102' r='5'/><circle cx='55' cy='102' r='5'/></g></svg>") 50%/100% 100% no-repeat;position:absolute;inset:0}.tr-slot__cover.is-open{animation:.65s forwards tr-cover}.tr-slot__ten{overflow-wrap:anywhere;margin-top:.4rem;animation:.5s tr-fade}.tr-slot__ten b{color:#3a2a22;font-size:.95rem;display:block}.tr-slot__ten small{color:#5c5148}.tr-spread--1 .tr-slot{flex-basis:12rem}@keyframes tr-fade{0%{opacity:0}to{opacity:1}}@keyframes tr-cover{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.tr-dan{color:#5c5148;margin:0 0 .75rem;font-size:.9rem;font-style:italic}.tr-kw{color:#cb0001;margin-bottom:.25rem;font-weight:600}@media (max-width:575px){.tr-panel{padding:.85rem}.tr-step{margin:.25rem 0 .4rem;font-size:.95rem}.tr-step b{width:1.35rem;height:1.35rem;line-height:1.35rem}.tr-chips{gap:.4rem;margin-bottom:.7rem}.tr-chip{flex:calc(50% - .4rem);min-height:2.4rem;padding:0 .5rem;font-size:.9rem}.tr-input{min-height:3.2rem;font-size:.95rem}.tr-panel .bk-hint{margin:.2rem 0 .7rem;font-size:.8rem}.tr-fan{padding:calc(.9rem + 3.5vw) .6rem .7rem}.tr-spread--3{gap:.35rem}.tr-spread--3 .tr-slot__pos{white-space:nowrap;font-size:.7rem}.tr-slot__ten b{font-size:.8rem;line-height:1.25}.tr-slot__ten small{font-size:.68rem;line-height:1.2;display:block}.tr-card .dct-card__block h4{letter-spacing:0;text-transform:none;font-size:.95rem}.tr-card{padding-left:.85rem;padding-right:.85rem}}