#dd-ready-screen{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:26px;background:#1d2639c9;backdrop-filter:blur(8px);font-family:'Trebuchet MS',Arial,sans-serif;color:#35324b;box-sizing:border-box;overflow:auto}
#dd-ready-screen *{box-sizing:border-box}.ready-sheet{width:min(1000px,95vw);padding:26px 32px 18px;border:3px solid #fffaf0;border-radius:34px 12px;background:#fff7e7;box-shadow:0 12px 0 #141f3933}.ready-overline{font-size:11px;font-weight:900;letter-spacing:4px;color:#8b6f85}.ready-sheet h1{font-size:32px;margin:8px 0 22px;line-height:1.15;color:#302f48}.ready-details{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}.ready-preview{height:225px;background:#b8c9d1;border-radius:20px 7px;overflow:hidden;box-shadow:0 4px 0 #30354a19}.ready-preview img{width:100%;height:100%;object-fit:cover}.ready-label{font-size:10px;font-weight:900;letter-spacing:2px;color:#647d7a}.ready-guide h2{font-size:21px;line-height:1.3;margin:6px 0 12px;color:#293b4b}.ready-how{font-size:15px;line-height:1.5;margin:0}.ready-tip{font-size:13px;line-height:1.4;color:#65756c;border-left:3px solid #d3b476;padding-left:10px;margin:14px 0 0}.ready-players{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:27px}.ready-player{position:relative;padding:13px 10px 10px;background:#efe8d9;border:2px solid #e6ddc9;border-radius:20px 7px;min-height:155px;text-align:center}.ready-player[data-ready=true]{background:#e3eee2;border-color:#c2d4b6}.ready-player strong{font-size:12px;display:block;margin-left:18px;line-height:26px}.ready-face{position:absolute;left:7px;top:-7px;width:36px;height:36px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#e9bdd5}.ready-face img{position:absolute;width:88px;max-width:none;left:50%;transform:translateX(-50%);top:-15px}.ready-player[data-name=Lunalius] img{top:-9px}.ready-player[data-name=Cliff] img{top:-14px}.ready-player[data-name=HoppScotch] img{top:-29px}.ready-controls{font-size:11px;white-space:pre-line;line-height:1.6;min-height:50px;margin:6px 0 10px;color:#52616c}.ready-player button{font:900 13px 'Trebuchet MS',Arial,sans-serif;border:2px solid white;border-radius:14px;background:#ffe099;color:#3b3450;padding:9px 10px;cursor:pointer;width:100%;box-shadow:0 2px 0 #39354f22}.ready-player button:disabled{cursor:default;color:#45634e;background:#d1e3cb;opacity:1}.ready-player button:focus-visible{outline:3px solid #c18d49;outline-offset:2px}.ready-status{font-size:12px;text-align:center;color:#778078;margin:17px 0 0}.dd-reading #dd-prompt,.dd-reading #dd-ui #dd-pause,.dd-reading #dd-control-hint{display:none!important}
@media(max-height:800px){#dd-ready-screen{padding:16px}.ready-sheet{padding:20px 26px 16px}.ready-sheet h1{font-size:28px;margin-bottom:14px}.ready-preview{height:180px}.ready-guide h2{font-size:18px}.ready-how{font-size:13px}.ready-tip{font-size:12px}.ready-players{margin-top:21px}.ready-player{min-height:150px}.ready-status{margin-top:12px}}

#dd-ready-screen *{font-family:Trebuchet MS,Arial,sans-serif!important}#dd-ready-screen .ready-player strong{font-weight:900}

#dd-ready-screen .ready-how{color:#4c5662}#dd-ready-screen .ready-controls{font-size:12px}#dd-ready-screen .ready-player button{font-size:14px}

.ready-team{display:block;font-size:11px;font-weight:900;color:#365582;margin:2px 0 6px}.ready-player[data-team="team-1"]{border-top:5px solid #668fcb}.ready-player[data-team="team-2"]{border-top:5px solid #c97991}.ready-player[data-color="red"]{border-top-color:#db586d}.ready-player[data-color="blue"]{border-top-color:#438ade}

/* Bonus portraits are already framed at the face. */
.ready-player[data-name=P1P] img,.ready-player[data-name=P2P] img,.ready-player[data-name=Glaarthox] img,.ready-player[data-name=Vee] img,.ready-player[data-name=Fira] img{width:100%;height:100%;top:0;object-fit:contain}

/* Portrait renders include their own framing. */
.ready-player[data-name=Patch] img,.ready-player[data-name=Saffron] img,.ready-player[data-name=Sonate] img{width:100%;height:100%;top:0;object-fit:contain}

/* All roster portraits use the shared official-shading head framing. */
.ready-player[data-name] .ready-face img{width:100%;height:100%;top:0;object-fit:contain}