.cl-adv { margin-top: .75rem; padding-top: .6rem; border-top: 1px dashed #fdba74; }
.cl-adv > summary { display: inline-flex; align-items: center; gap: .4rem; list-style: none; cursor: pointer; font-size: .9rem; font-weight: 800; color: #9a3412; }
.cl-adv > summary::-webkit-details-marker { display: none; }
.cl-adv > summary::after { content: "\F282"; font-family: "bootstrap-icons"; font-size: .75rem; transition: transform .2s; }
.cl-adv[open] > summary::after { transform: rotate(180deg); }
.cl-adv .qk-sel { width: 100%; }
.cl-adv-note { margin-top: .25rem; font-size: .82rem; color: #3f2c1b; }
.cl-opt { font-weight: 500; color: #3f2c1b; }
.fl-res { padding: 1.25rem 0 2rem; }
.fl-card { max-width: 860px; margin: 0 auto; padding: 1.5rem 1.25rem; border: 1px solid #fed7aa; border-radius: 1.25rem; background: #fff; text-align: center; box-shadow: 0 10px 30px rgba(124, 45, 18, .08); }
.fl-names { font-weight: 800; letter-spacing: .04em; color: #2c1b0c; }
.fl-names .bi { margin: 0 .35rem; color: #ea580c; }
.fl-h { margin: 0 0 .4rem; font-size: 1.6rem; font-weight: 800; color: #9a3412; }
.fl-hearts { font-size: 1.15rem; letter-spacing: .2rem; color: #ea580c; }
.fl-text { max-width: 40rem; margin: 0 auto 1.25rem; color: #2c1b0c; }
.fl-step { font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #5a3e28; }
.fl-word { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0 0 .5rem; }
.fl-word > li { position: relative; display: grid; place-items: center; min-width: 2.1rem; height: 2.4rem; padding: 0 .3rem; border: 1px solid #fed7aa; border-radius: .6rem; background: #fff; font-weight: 800; color: #2c1b0c; }
.fl-word > li.is-x { color: #6b7280; text-decoration: line-through; text-decoration-color: #c2410c; text-decoration-thickness: 2px; background: #fafafa; }
.fl-flames > li { min-width: 2.6rem; height: 2.9rem; font-size: 1.2rem; }
.fl-flames > li.is-win { border: 2px solid #c2410c; background: #fff7ed; color: #9a3412; }
.fl-ord { position: absolute; bottom: -1.15rem; left: 0; right: 0; text-align: center; font-size: .68rem; font-weight: 700; color: #5a3e28; text-decoration: none; }
.fl-flames { margin-bottom: 1.5rem; }
.fl-note { font-size: .88rem; color: #3f2c1b; }
.fl-real { font-size: .9rem; color: #3f2c1b; }
@media (max-width: 575.98px) { .fl-h { font-size: 1.35rem; } }
.cl-svbox { margin: 0 0 .85rem; border: 1px solid #fdba74; border-radius: .9rem; background: #fff; }
.cl-svbox > summary { display: flex; align-items: center; gap: .55rem; padding: .6rem .9rem; list-style: none; cursor: pointer; font-weight: 800; color: #9a3412; }
.cl-svbox > summary::-webkit-details-marker { display: none; }
.cl-svbox > summary::after { content: "\F282"; margin-left: auto; font-family: "bootstrap-icons"; font-size: .8rem; transition: transform .2s; }
.cl-svbox[open] > summary::after { transform: rotate(180deg); }
.cl-svt { font-size: .92rem; white-space: nowrap; }
.cl-svc, .cl-svnow { padding: .1rem .55rem; border-radius: 99px; background: #fff7ed; font-size: .76rem; font-weight: 800; color: #9a3412; }
.cl-svnow { overflow: hidden; min-width: 0; max-width: 45%; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #fdba74; }
.cl-svp { padding: 0 .9rem .85rem; border-top: 1px dashed #fed7aa; }
.cl-svfind { display: flex; gap: .5rem; padding-top: .75rem; }
.cl-svfind .form-control { flex: 1 1 auto; min-width: 0; border-color: #fdba74; }
.cl-svfind .btn { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .35rem; white-space: nowrap; }
.cl-svl { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .45rem; padding-top: .75rem; }
.cl-svr { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; height: 100%; padding: .45rem .7rem; border: 1px solid #fed7aa; border-radius: .7rem; background: #fff; color: #2c1b0c; text-decoration: none; }
a.cl-svr:hover, a.cl-svr:focus-visible { border-color: #ea580c; background: #fff7ed; color: #2c1b0c; }
.cl-svr.is-on { border: 2px solid #c2410c; background: #fff7ed; }
.cl-svr > .bi { color: #c2410c; }
.cl-svn { flex: 1 1 7rem; min-width: 0; line-height: 1.2; }
.cl-svn b { display: block; font-size: .88rem; overflow-wrap: anywhere; }
.cl-svn small { display: block; font-size: .74rem; color: #4a3424; }
.cl-svgo { font-size: .76rem; font-weight: 800; color: #9a3412; }
.cl-svbs { display: flex; flex-wrap: wrap; gap: .3rem; }
.cl-svl:has(.cl-svbs) { grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); }
.cl-svb { padding: .2rem .55rem; border: 1px solid #fdba74; border-radius: 99px; font-size: .74rem; font-weight: 800; color: #9a3412; text-decoration: none; white-space: nowrap; }
.cl-svb:hover, .cl-svb:focus-visible { background: #fff7ed; color: #9a3412; }
.cl-svb.is-on { border-color: #c2410c; background: #c2410c; color: #fff; }
.cl-svnote { margin: .6rem 0 0; font-size: .82rem; color: #3f2c1b; }