.bdb{position:relative;isolation:isolate;overflow:hidden;margin:18px auto 0;padding:12px 8px 10px;width:100%;max-width:590px;border:2px solid #fff;border-radius:18px;background:#f7f2ff url('../img/books-v2/battle/bg-light.png') center/100% 100% no-repeat;color:#32294c;font-family:Inter,system-ui,sans-serif;box-shadow:0 0 34px #b69be533;box-sizing:border-box}.bdb *{box-sizing:border-box}.bdb button{font:inherit;cursor:pointer}.bdb button:disabled{opacity:.5;cursor:default}.bdb button:focus-visible{outline:3px solid #8752df;outline-offset:3px}.bdb-header{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.bdb-header img{object-fit:contain}.bdb-crown{width:43px;height:36px;margin-top:2px}.bdb-title{width:64%;aspect-ratio:1.5;max-width:336px}.bdb-laurel{position:absolute;top:48px;width:13%;height:auto}.bdb-laurel.left{left:5%}.bdb-laurel.right{right:5%}.bdb-header h2{font-size:17px;line-height:1.25;font-weight:800;margin:2px 0 4px}.bdb-header p{font-size:13px;font-weight:600;color:#9580c8;margin:0}.bdb-contestants{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}.bdb-book{position:relative;text-align:center;min-width:0;border:2px solid #ffffffdf;border-radius:13px;padding:11px 11px 14px;background:linear-gradient(140deg,#ffe7f3cc,#ffdcf2b3)}.bdb-right{background:linear-gradient(140deg,#e8edffdd,#dbe9ffb3)}.bdb-cover{border:0;padding:0;background:#e5d9eb;border-radius:9px;overflow:hidden;width:100%;display:block;aspect-ratio:2/3;box-shadow:0 8px 16px #54446b20}.bdb-cover img{width:100%;height:100%;object-fit:cover}.bdb-cover-fallback{display:grid;place-items:center;height:100%;padding:12px;font:600 14px Georgia,serif}.bdb-badge{position:absolute;top:-18px;left:-15px;width:48px;height:52px;object-fit:contain;z-index:2}.bdb-right .bdb-badge{left:auto;right:-15px}.bdb-book h3{font-size:13px;line-height:1.35;font-weight:600;margin:12px 0 3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bdb-book>p{font-size:12px;font-weight:500;margin:0;color:#73638f}.bdb-progress{display:flex;align-items:center;gap:7px;margin-top:12px}.bdb-progress>span{height:9px;background:#b9a3c64d;border-radius:6px;flex:1;overflow:hidden}.bdb-progress i{height:100%;display:block;background:#bd72d7}.bdb-progress b{font-size:10px;padding:3px 6px;border-radius:99px;background:#ffffffbd;color:#b285c5;font-weight:500}.bdb-book>small{display:block;margin-top:8px;font-size:11px;color:#9480c4;font-weight:600}.bdb-vs{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;font-size:26px;font-weight:900;color:#813cde;border-radius:50%;background:radial-gradient(circle,#ffffffdd 15%,#e0c9ff66 65%,transparent 75%);text-shadow:0 2px 10px #fff}.bdb-stats{margin-top:2px;border:2px solid #ffffffbf;border-radius:11px;padding:5px;display:grid;grid-template-columns:1fr 1fr;background:#ffffff44}.bdb-stats>span{display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;color:#a15ce7}.bdb-stats>span+span{border-left:2px solid #d9c9eb88}.bdb-stats strong,.bdb-stats small{display:block}.bdb-stats strong{font-size:16px;font-weight:500;color:#383047}.bdb-stats small{font-size:10px;font-weight:600;color:#9782c5}.bdb-voting{text-align:center;background:#ffffff66;border:2px solid #fff9;border-radius:12px;padding:9px 12px;margin-top:2px}.bdb-voting h3{font-size:17px;font-weight:500;margin:0 0 5px}.bdb-voting p{font-size:10px;color:#9580c7;margin:0}.bdb-vote-buttons{display:flex;gap:12px;margin-top:12px}.bdb-vote-buttons button{flex:1;min-height:40px;padding:9px;border:1px solid #fffc;border-radius:9px;color:white;font-size:12px;font-weight:700;background:linear-gradient(120deg,#eb5ac1,#a65af2)}.bdb-vote-buttons .bdb-vote-right{background:linear-gradient(120deg,#42a6ef,#8864e7)}.bdb-pick{position:relative;display:table;background:#8c5be0;border:1px solid white;color:white;border-radius:20px;margin:-12px auto 0;padding:3px 9px;font-size:10px;font-weight:700}.bdb-state{text-align:center;font-size:13px;padding:20px}.bdb-refresh{display:block;margin:12px auto;padding:10px 18px;border:1px solid #d6bcea;border-radius:9px;color:#7042ad;background:white}.bdb-message{font-size:12px;text-align:center}.bdb-message:empty{display:none}@media(min-width:760px){.bdb-header h2{font-size:22px}.bdb-header p{font-size:16px}.bdb-header{padding-bottom:30px}.bdb-book h3{font-size:16px}.bdb-book>p{font-size:14px}}
/* Daily detail and confirmed participation, adapted from mobile BvbDetailParts. */
.bdb-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 6px 26px}.bdb-detail-header h2{font-size:20px;margin:0}.bdb-detail-header>span{font-size:24px;color:#9660df}.bdb-detail-header button{border:0;background:transparent;color:#604185;min-height:44px;padding:8px;font-weight:700}.bdb-book-actions{display:grid;gap:7px;margin-top:12px}.bdb-book-actions button,.bdb-detail-link,.bdb-notice button,.bdb-reasons button{min-height:44px;border-radius:22px;border:1px solid #c9aedf;padding:9px 8px;font-size:11px;font-weight:700;color:#64417f;background:#ffffff99}.bdb-book-actions .bdb-vote-left{background:linear-gradient(120deg,#d737a3,#9345d1);color:#fff;border-color:#b549ad}.bdb-book-actions .bdb-vote-right{background:linear-gradient(120deg,#287cbd,#7651c6);color:#fff;border-color:#795bc4}.bdb-book-actions [data-battle-action="sample"]{background:#f4edff}.bdb-vote-buttons button{min-height:44px}.bdb-detail-link{display:block;width:100%;margin-top:12px;background:#eadcfc;color:#553679}.bdb-voting h3{font-weight:750}.bdb-voting p{color:#6b587f;line-height:1.6;font-size:12px}.bdb-notice{padding:12px;margin:0 0 18px;border:1px solid #c7a7e5;border-radius:12px;background:#fff6df;color:#614370;font-size:12px;line-height:1.55;text-align:center}.bdb-notice button{display:block;margin:9px auto 0;min-width:160px}.bdb-reasons{padding:16px 12px;margin-top:12px;background:#ffffff88;border:1px solid #d8bfe8;border-radius:14px;text-align:center}.bdb-reasons h3{margin:0 0 5px;font-size:15px}.bdb-reasons p{margin:0 0 10px;font-size:11px;color:#6b587f;line-height:1.5}.bdb-reasons>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bdb-reasons button[aria-pressed="true"]{background:#e4d1fb;color:#512c78;border-color:#9f64da;box-shadow:inset 0 0 0 1px #9f64da}.bdb-reasons [role="alert"]{margin-top:12px;color:#9a2848}.bdb-streak{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:66px;border:1px solid #d8c2ed;border-radius:12px;background:#eee4fc;padding:10px 12px;margin-top:12px;text-align:left;color:#453053}.bdb-streak strong{font-size:12px;font-weight:700}.bdb-streak small{display:block;font-size:10px;color:#745b87;margin-top:3px}.bdb-streak>img{width:35px;height:35px;object-fit:contain}.bdb-week{text-align:center;flex-shrink:0}.bdb-week>span{display:flex;gap:4px;margin-top:6px}.bdb-week i{width:8px;height:8px;border-radius:50%;background:#d2bce6}.bdb-week i.today{background:#bfa1e6}.bdb-week i.filled{background:#d34ca0}.bdb-streak-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 10px;margin-top:10px;border:1px solid #d8c2ed;border-radius:12px;background:#ffffff66;text-align:center}.bdb-streak-stats span{font-size:11px;color:#6c5280}.bdb-streak-stats strong{display:block;font-size:22px;color:#48325b;margin-bottom:5px}.bdb-streak-stats span+span{border-left:1px solid #d8c2ed}.bdb-schedule,.bdb-footnote{font-size:10px;text-align:center;color:#71557f;line-height:1.6;margin:12px 8px 3px}.bdb-footnote{border-top:1px solid #ddc9eb;padding-top:9px}.bdb-book>p,.bdb-book>small{color:#70527f}.bdb-progress b{color:#745080}.bdb-stats small{color:#735485}.bdb-cover:focus-visible{outline-offset:2px}@media(max-width:360px){.bdb-streak{gap:6px;padding:10px 8px}.bdb-streak>img{width:25px}.bdb-streak strong{font-size:11px}.bdb-week i{width:6px;height:6px}.bdb-week>span{gap:3px}.bdb-book-actions button{font-size:10px}.bdb-detail-header h2{font-size:18px}}