#cafeBreakBtn{position:absolute;right:14px;top:42px;z-index:5;padding:9px 13px;background:#193641ed;color:#f5dfb5;border:1px solid #d3bc90;font:14px/1.4 Meiryo,sans-serif}
#cafeLeisureDialog{position:fixed;inset:0;box-sizing:border-box;margin:auto;width:min(850px,calc(100vw - 24px));max-width:none;height:auto;max-height:calc(100dvh - 24px);padding:18px;border:3px double #cfb788;background:#122b37;color:#eee6d7;font:17px/1.65 Meiryo,sans-serif;overflow:auto;z-index:100}
#cafeLeisureDialog::backdrop{background:#05121bdd}
#cafeLeisureDialog>header{position:static;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;height:auto;padding:0 0 12px;border-bottom:1px solid #9a886a;background:none}
#cafeLeisureDialog h2{font:22px/1.5 "Yu Mincho",serif;color:#ead0a5;margin:0}
#cafeLeisureDialog h3{font:21px/1.5 "Yu Mincho",serif;margin:3px 0 10px}
#cafeLeisureDialog button{font:15px/1.5 Meiryo,sans-serif;padding:9px 13px;background:#213e4a;color:#f8e7c9;border:1px solid #a99570;cursor:pointer}
#cafeLeisureDialog button:focus-visible{outline:3px solid #f5d17a;outline-offset:2px}
#cafeLeisureDialog button:disabled{opacity:.55;cursor:wait}
#cafeLeisureDialog p{margin:7px 0 12px;white-space:pre-wrap}
#cafeLeisureDialog small{font-size:12px;color:#c4c9c6}
#cafeLeisureBody{padding:16px 0;min-height:180px}
#cafeLeisureActions{position:static;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;height:auto;padding:12px 0 0;border-top:1px solid #9a886a;background:none}
#cafeLeisureBody.fortune,#cafeLeisureBody.talk{display:grid;grid-template-columns:minmax(150px,34%) minmax(0,1fr);align-items:center;gap:22px}
#cafeLeisureBody img{display:block;max-width:100%;width:100%;height:250px;object-fit:contain}
#cafeLeisureBody .cafe-machine{border-radius:6px}
#cafeLeisureBody .cafe-portrait{height:250px;object-fit:cover;object-position:top}
.cafe-talk-copy>strong{color:#ebc893;font-size:20px}
.cafe-fortune-paper{background:#f4ead4;color:#382f28;padding:15px 20px;border:1px solid #d7bb83}
#cafeLeisureDialog .cafe-fortune-paper small{color:#756144}
.cafe-fortune-rank{display:block;font:30px/1.3 "Yu Mincho",serif;color:#9f3931;margin:3px 0}
#cafeLeisureDialog .cafe-lucky{font-size:13px;padding-top:7px;border-top:1px solid #cbb88e}
#cafeLeisureDialog .cafe-reply{font-size:14px;margin-bottom:0;color:#695b46}
.cafe-topic-grid,.cafe-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#cafeLeisureDialog .cafe-topic-grid button,#cafeLeisureDialog .cafe-history-grid button{text-align:left}
#cafeLeisureBody.drawing .cafe-machine{animation:cafeTurn .25s ease-in-out}
@keyframes cafeTurn{0%,100%{transform:rotate(0)}35%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}}
@media(orientation:portrait){#cafeLeisureDialog{padding:13px;font-size:16px}#cafeLeisureDialog h2{font-size:18px}#cafeLeisureDialog>header button{white-space:nowrap;font-size:12px;padding:7px}#cafeLeisureBody.fortune{grid-template-columns:1fr;gap:8px}#cafeLeisureBody .cafe-machine{height:140px}#cafeLeisureBody.talk{grid-template-columns:80px 1fr;gap:12px}#cafeLeisureBody .cafe-portrait{height:180px}.cafe-topic-grid,.cafe-history-grid{grid-template-columns:1fr}#cafeLeisureActions{justify-content:center;gap:7px}#cafeLeisureActions button{font-size:13px;padding:8px}#cafeBreakBtn{font-size:12px;right:8px;top:38px}.cafe-fortune-paper{padding:9px 13px}#cafeLeisureDialog .cafe-fortune-paper p{margin:5px 0 8px}}
@media(orientation:landscape) and (max-height:600px){#cafeLeisureDialog{padding:10px 14px;max-height:calc(100dvh - 12px);font-size:14px}#cafeLeisureDialog>header{padding-bottom:7px}#cafeLeisureDialog h2{font-size:18px}#cafeLeisureDialog h3{font-size:17px;margin:0 0 5px}#cafeLeisureDialog button{font-size:12px;padding:6px 10px}#cafeLeisureBody{padding:9px 0;min-height:130px}#cafeLeisureBody.fortune,#cafeLeisureBody.talk{grid-template-columns:140px minmax(0,1fr);gap:15px}#cafeLeisureBody img,#cafeLeisureBody .cafe-portrait{height:155px}#cafeLeisureDialog p{margin:4px 0 7px}.cafe-fortune-paper{padding:6px 12px}.cafe-fortune-rank{font-size:24px;margin:0}#cafeLeisureDialog .cafe-reply{font-size:12px}#cafeLeisureDialog .cafe-lucky{font-size:11px;padding-top:4px}#cafeLeisureActions{padding-top:7px;gap:7px}.cafe-topic-grid,.cafe-history-grid{gap:7px}#cafeBreakBtn{top:26px;font-size:11px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){#cafeLeisureBody.drawing .cafe-machine{animation:none}}
@media(orientation:portrait) and (max-height:700px){#cafeLeisureDialog{padding:10px 12px;font-size:14px}#cafeLeisureDialog h2{font-size:16px}#cafeLeisureDialog h3{font-size:18px;margin:2px 0 5px}#cafeLeisureDialog>header{gap:8px;padding-bottom:7px}#cafeLeisureBody{padding:9px 0;min-height:140px}#cafeLeisureBody .cafe-machine{height:96px}#cafeLeisureDialog .cafe-fortune-paper{padding:7px 11px}#cafeLeisureDialog .cafe-fortune-paper p{margin:4px 0 6px}#cafeLeisureDialog .cafe-fortune-rank{font-size:25px;margin:0}#cafeLeisureDialog .cafe-reply{font-size:12px}#cafeLeisureDialog .cafe-lucky{font-size:12px;padding-top:5px}#cafeLeisureActions{padding-top:8px;gap:6px}#cafeLeisureActions button{font-size:12px;padding:6px 9px}}