/* The established desktop circle and cross, shared by confirmation and close controls. */
html body button.nanamono-choice[data-nanamono-choice]:not([hidden]),
html body :is(#gameConfirm,#purchaseConfirm,#musicPurchaseConfirm,#comicReadConfirm,#comicReturnDialog) button.nanamono-choice:not([hidden]) {
 display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;
 flex:0 0 var(--nm-choice-size,66px)!important;width:var(--nm-choice-size,66px)!important;min-width:var(--nm-choice-size,66px)!important;max-width:var(--nm-choice-size,66px)!important;
 height:var(--nm-choice-size,66px)!important;min-height:var(--nm-choice-size,66px)!important;max-height:var(--nm-choice-size,66px)!important;padding:0!important;
 border:4px solid var(--nanamono-choice-rim,#a5cbbd)!important;border-radius:50%!important;
 background-color:var(--nanamono-ui-fill,rgba(255,255,255,.5))!important;background-image:none!important;
 color:var(--nanamono-choice-ink,#4d8778)!important;-webkit-text-fill-color:currentColor!important;
 font-size:0!important;line-height:0!important;gap:0!important;order:0!important;aspect-ratio:1;
 box-shadow:0 3px 9px rgba(45,58,65,.09),inset 0 1px 0 rgba(255,255,255,.65);
 cursor:pointer;touch-action:manipulation;backdrop-filter:none!important;
}
html body button.nanamono-choice[data-nanamono-choice="yes"] {
 --nanamono-choice-rim:#a5cbbd;--nanamono-choice-ink:#4d8778;
}
html body button.nanamono-choice[data-nanamono-choice="no"],
html body button.nanamono-choice[data-nanamono-choice="close"] {
 --nanamono-choice-rim:#d8b1c1;--nanamono-choice-ink:#ac6680;
}
/* Override old artwork styles without overriding tutorial visibility rules. */
html body #char>.head>button#charClose.nanamono-choice,
html body #itemDetail button#detailClose.nanamono-choice,
html body #raid .idleRaidPanel>.head>button.close.nanamono-choice {
 flex:0 0 var(--nm-choice-size,66px)!important;width:var(--nm-choice-size,66px)!important;min-width:var(--nm-choice-size,66px)!important;max-width:var(--nm-choice-size,66px)!important;
 height:var(--nm-choice-size,66px)!important;min-height:var(--nm-choice-size,66px)!important;max-height:var(--nm-choice-size,66px)!important;padding:0!important;
 border:4px solid var(--nanamono-choice-rim,#a5cbbd)!important;border-radius:50%!important;
 background-color:var(--nanamono-ui-fill,rgba(255,255,255,.5))!important;background-image:none!important;
 color:var(--nanamono-choice-ink,#4d8778)!important;font-size:0!important;line-height:0!important;
 box-shadow:0 3px 9px rgba(45,58,65,.09),inset 0 1px 0 rgba(255,255,255,.65);
}
/* Draw the mark as a real vector, independently of fonts and CSS mask images. */
html body button.nanamono-choice>svg.nanamono-choice-icon {
 display:block!important;position:static!important;width:var(--nm-choice-symbol-size,42px)!important;height:var(--nm-choice-symbol-size,42px)!important;
 min-width:var(--nm-choice-symbol-size,42px);min-height:var(--nm-choice-symbol-size,42px);flex:0 0 var(--nm-choice-symbol-size,42px);border:0!important;border-radius:0!important;
 color:inherit!important;fill:none!important;background:none!important;opacity:1!important;visibility:visible!important;
 transform:none!important;pointer-events:none;overflow:visible;
}
html body button.nanamono-choice>svg.nanamono-choice-icon>:is(circle,path) {fill:none!important;stroke:currentColor!important;stroke-width:6!important}
html body button.nanamono-choice::before,
html body button.nanamono-choice::after,
html body #gameConfirm #confirmPlay.nanamono-choice::before,
html body #gameConfirm #confirmCancel.nanamono-choice::before {content:none!important;display:none!important}
html body button.nanamono-choice>:not(.nanamono-choice-icon) {display:none!important}
html body button.nanamono-choice[hidden] {display:none!important}
html body button.nanamono-choice:disabled {opacity:.5;cursor:default}
html body .nanamono-choice-pair {display:flex;flex-direction:row!important;direction:ltr;align-items:center;justify-content:center;gap:26px}
html body button.nanamono-choice:focus-visible {outline:3px solid #786b56;outline-offset:4px}
@media (hover:hover) {html body button.nanamono-choice:hover {box-shadow:0 4px 12px rgba(45,58,65,.14),inset 0 1px 0 rgba(255,255,255,.8)}}
@media (forced-colors:active) {
 html body button.nanamono-choice[data-nanamono-choice]:not([hidden]),
 html body :is(#gameConfirm,#purchaseConfirm,#musicPurchaseConfirm,#comicReadConfirm,#comicReturnDialog) button.nanamono-choice:not([hidden]) {border-color:ButtonText!important;color:ButtonText!important;background-color:ButtonFace!important}
 html body button.nanamono-choice>svg.nanamono-choice-icon {color:ButtonText!important;forced-color-adjust:none}
}