/* Button finishes copied from the original MILA, MOKKA and MIRAX sites, 2026-10-26. */
body[data-brand="mila"] :is(.button.primary, .nav-button.selected) {
	background: linear-gradient(120deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.25) 22%, rgba(255,255,255,.04) 42%, rgba(255,255,255,.65) 43%, rgba(255,255,255,.08) 48%, rgba(255,255,255,.38) 100%), linear-gradient(180deg, rgba(237,237,237,.45) 0%, rgba(127,127,127,.12) 48%, rgba(75,75,75,.22) 51%, rgba(230,230,230,.36) 100%);
	color: #303030;
	border: 1px solid rgba(124,124,124,.72);
	border-top-color: rgba(255,255,255,.98);
	border-radius: 12px;
	box-shadow: inset 0 2px 2px rgba(255,255,255,.95), inset 2px 0 3px rgba(255,255,255,.8), inset 0 -2px 3px rgba(118,118,118,.48), 0 0 0 1px rgba(108,108,108,.28), 0 0 12px rgba(127,127,127,.24), 0 5px 15px rgba(61,61,61,.14);
	text-shadow: 0 1px 0 rgba(255,255,255,.9);
	transition: box-shadow .2s ease, border-color .2s ease;
}
body[data-brand="mila"] :is(.button.primary, .nav-button.selected):hover {
	background: linear-gradient(120deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.25) 22%, rgba(255,255,255,.04) 42%, rgba(255,255,255,.65) 43%, rgba(255,255,255,.08) 48%, rgba(255,255,255,.38) 100%), linear-gradient(180deg, rgba(237,237,237,.45) 0%, rgba(127,127,127,.12) 48%, rgba(75,75,75,.22) 51%, rgba(230,230,230,.36) 100%);
	color: #303030;
	border-color: rgba(130,130,130,.85);
	box-shadow: inset 0 2px 3px rgba(255,255,255,1), inset 0 -2px 4px rgba(131,131,131,.6), 0 0 0 1px rgba(122,122,122,.35), 0 0 18px rgba(127,127,127,.38), 0 6px 18px rgba(61,61,61,.16);
}
body[data-brand="mila"] :is(.nav-button:not(.selected), .button:not(.primary), .upload-action, .entry-nav a, .copy-button, .alert-rules-link, .text-button, .back-link, .document-remove) {
	background: linear-gradient(120deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 40%, rgba(255,255,255,.85) 43%, rgba(255,255,255,.28) 49%, rgba(255,255,255,.6) 100%), linear-gradient(180deg, rgba(249,249,249,.7) 0%, rgba(224,224,224,.18) 48%, rgba(151,151,151,.18) 51%, rgba(244,244,244,.55) 100%);
	color: #303030;
	border: 1px solid rgba(154,154,154,.58);
	border-top-color: rgba(255,255,255,.98);
	border-radius: 12px;
	box-shadow: inset 0 2px 2px rgba(255,255,255,.98), inset 2px 0 3px rgba(255,255,255,.8), inset 0 -2px 3px rgba(130,130,130,.3), 0 0 0 1px rgba(143,143,143,.14), 0 0 10px rgba(138,138,138,.17), 0 5px 14px rgba(61,61,61,.09);
	text-shadow: 0 1px 0 rgba(255,255,255,.9);
}
body[data-brand="mila"] :is(.nav-button:not(.selected), .button:not(.primary), .upload-action, .entry-nav a, .copy-button, .alert-rules-link, .text-button, .back-link, .document-remove):hover {
	background: linear-gradient(120deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 40%, rgba(255,255,255,.85) 43%, rgba(255,255,255,.28) 49%, rgba(255,255,255,.6) 100%), linear-gradient(180deg, rgba(249,249,249,.7) 0%, rgba(224,224,224,.18) 48%, rgba(151,151,151,.18) 51%, rgba(244,244,244,.55) 100%);
	color: #303030;
	border-color: rgba(136,136,136,.7);
	box-shadow: inset 0 2px 3px rgba(255,255,255,1), inset 0 -2px 4px rgba(130,130,130,.4), 0 0 14px rgba(138,138,138,.25), 0 6px 16px rgba(61,61,61,.12);
}
body[data-brand="mokka"] :is(.button.primary, .nav-button.selected) {
	background: linear-gradient(120deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.25) 22%, rgba(255,255,255,.04) 42%, rgba(255,255,255,.65) 43%, rgba(255,255,255,.08) 48%, rgba(255,255,255,.38) 100%), linear-gradient(180deg, rgba(255,237,217,.45) 0%, rgba(145,127,107,.12) 48%, rgba(93,75,55,.22) 51%, rgba(248,230,210,.36) 100%);
	color: #46382b;
	border: 1px solid rgba(142,124,104,.72);
	border-top-color: rgba(255,255,255,.98);
	border-radius: 12px;
	box-shadow: inset 0 2px 2px rgba(255,255,255,.95), inset 2px 0 3px rgba(255,255,255,.8), inset 0 -2px 3px rgba(136,118,98,.48), 0 0 0 1px rgba(126,108,88,.28), 0 0 12px rgba(145,127,107,.24), 0 5px 15px rgba(79,61,41,.14);
	text-shadow: 0 1px 0 rgba(255,255,255,.9);
	transition: box-shadow .2s ease, border-color .2s ease;
}
body[data-brand="mokka"] :is(.button.primary, .nav-button.selected):hover {
	background: linear-gradient(120deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.25) 22%, rgba(255,255,255,.04) 42%, rgba(255,255,255,.65) 43%, rgba(255,255,255,.08) 48%, rgba(255,255,255,.38) 100%), linear-gradient(180deg, rgba(255,237,217,.45) 0%, rgba(145,127,107,.12) 48%, rgba(93,75,55,.22) 51%, rgba(248,230,210,.36) 100%);
	color: #46382b;
	border-color: rgba(148,130,110,.85);
	box-shadow: inset 0 2px 3px rgba(255,255,255,1), inset 0 -2px 4px rgba(149,131,111,.6), 0 0 0 1px rgba(140,122,102,.35), 0 0 18px rgba(145,127,107,.38), 0 6px 18px rgba(79,61,41,.16);
}
body[data-brand="mokka"] :is(.nav-button:not(.selected), .button:not(.primary), .upload-action, .entry-nav a, .copy-button, .alert-rules-link, .text-button, .back-link, .document-remove) {
	background: linear-gradient(120deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 40%, rgba(255,255,255,.85) 43%, rgba(255,255,255,.28) 49%, rgba(255,255,255,.6) 100%), linear-gradient(180deg, rgba(255,249,229,.7) 0%, rgba(242,224,204,.18) 48%, rgba(169,151,131,.18) 51%, rgba(255,244,224,.55) 100%);
	color: #46382b;
	border: 1px solid rgba(172,154,134,.58);
	border-top-color: rgba(255,255,255,.98);
	border-radius: 12px;
	box-shadow: inset 0 2px 2px rgba(255,255,255,.98), inset 2px 0 3px rgba(255,255,255,.8), inset 0 -2px 3px rgba(148,130,110,.3), 0 0 0 1px rgba(161,143,123,.14), 0 0 10px rgba(156,138,118,.17), 0 5px 14px rgba(79,61,41,.09);
	text-shadow: 0 1px 0 rgba(255,255,255,.9);
}
body[data-brand="mokka"] :is(.nav-button:not(.selected), .button:not(.primary), .upload-action, .entry-nav a, .copy-button, .alert-rules-link, .text-button, .back-link, .document-remove):hover {
	background: linear-gradient(120deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 40%, rgba(255,255,255,.85) 43%, rgba(255,255,255,.28) 49%, rgba(255,255,255,.6) 100%), linear-gradient(180deg, rgba(255,249,229,.7) 0%, rgba(242,224,204,.18) 48%, rgba(169,151,131,.18) 51%, rgba(255,244,224,.55) 100%);
	color: #46382b;
	border-color: rgba(154,136,116,.7);
	box-shadow: inset 0 2px 3px rgba(255,255,255,1), inset 0 -2px 4px rgba(148,130,110,.4), 0 0 14px rgba(156,138,118,.25), 0 6px 16px rgba(79,61,41,.12);
}
body[data-brand="mirax"] :is(.button.primary, .nav-button.selected) {
	background: linear-gradient(120deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.25) 22%, rgba(255,255,255,.04) 42%, rgba(255,255,255,.65) 43%, rgba(255,255,255,.08) 48%, rgba(255,255,255,.38) 100%), linear-gradient(180deg, rgba(233,242,236,.45) 0%, rgba(112,145,124,.12) 48%, rgba(62,91,73,.22) 51%, rgba(223,238,228,.36) 100%);
	color: #293e31;
	border: 1px solid rgba(103,150,120,.72);
	border-top-color: rgba(255,255,255,.98);
	border-radius: 12px;
	box-shadow: inset 0 2px 2px rgba(255,255,255,.95), inset 2px 0 3px rgba(255,255,255,.8), inset 0 -2px 3px rgba(92,150,111,.48), 0 0 0 1px rgba(88,133,104,.28), 0 0 12px rgba(92,170,118,.24), 0 5px 15px rgba(47,77,58,.14);
	text-shadow: 0 1px 0 rgba(255,255,255,.9);
	transition: box-shadow .2s ease, border-color .2s ease;
}
body[data-brand="mirax"] :is(.button.primary, .nav-button.selected):hover {
	background: linear-gradient(120deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.25) 22%, rgba(255,255,255,.04) 42%, rgba(255,255,255,.65) 43%, rgba(255,255,255,.08) 48%, rgba(255,255,255,.38) 100%), linear-gradient(180deg, rgba(233,242,236,.45) 0%, rgba(112,145,124,.12) 48%, rgba(62,91,73,.22) 51%, rgba(223,238,228,.36) 100%);
	color: #293e31;
	border-color: rgba(102,165,123,.85);
	box-shadow: inset 0 2px 3px rgba(255,255,255,1), inset 0 -2px 4px rgba(98,174,121,.6), 0 0 0 1px rgba(98,151,116,.35), 0 0 18px rgba(92,170,118,.38), 0 6px 18px rgba(47,77,58,.16);
}
body[data-brand="mirax"] :is(.nav-button:not(.selected), .button:not(.primary), .upload-action, .entry-nav a, .copy-button, .alert-rules-link, .text-button, .back-link, .document-remove) {
	background: linear-gradient(120deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 40%, rgba(255,255,255,.85) 43%, rgba(255,255,255,.28) 49%, rgba(255,255,255,.6) 100%), linear-gradient(180deg, rgba(247,251,248,.7) 0%, rgba(219,231,223,.18) 48%, rgba(141,164,148,.18) 51%, rgba(241,248,244,.55) 100%);
	color: #293e31;
	border: 1px solid rgba(143,168,150,.58);
	border-top-color: rgba(255,255,255,.98);
	border-radius: 12px;
	box-shadow: inset 0 2px 2px rgba(255,255,255,.98), inset 2px 0 3px rgba(255,255,255,.8), inset 0 -2px 3px rgba(114,151,126,.3), 0 0 0 1px rgba(130,158,140,.14), 0 0 10px rgba(117,164,134,.17), 0 5px 14px rgba(47,77,58,.09);
	text-shadow: 0 1px 0 rgba(255,255,255,.9);
}
body[data-brand="mirax"] :is(.nav-button:not(.selected), .button:not(.primary), .upload-action, .entry-nav a, .copy-button, .alert-rules-link, .text-button, .back-link, .document-remove):hover {
	background: linear-gradient(120deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 40%, rgba(255,255,255,.85) 43%, rgba(255,255,255,.28) 49%, rgba(255,255,255,.6) 100%), linear-gradient(180deg, rgba(247,251,248,.7) 0%, rgba(219,231,223,.18) 48%, rgba(141,164,148,.18) 51%, rgba(241,248,244,.55) 100%);
	color: #293e31;
	border-color: rgba(120,156,132,.7);
	box-shadow: inset 0 2px 3px rgba(255,255,255,1), inset 0 -2px 4px rgba(114,151,126,.4), 0 0 14px rgba(117,164,134,.25), 0 6px 16px rgba(47,77,58,.12);
}

body[data-brand] :is(.text-button,.back-link,.document-remove){padding:10px 14px;min-height:44px;text-decoration:none;text-align:center;margin-left:0}
body[data-brand] .back-link{display:inline-flex;align-items:center;justify-content:center}
body[data-brand] :is(.button,.nav-button,.upload-action,.entry-nav a,.copy-button,.alert-rules-link,.text-button,.back-link,.document-remove):focus-visible{outline:3px solid var(--deep);outline-offset:4px}
body[data-brand] :is(button,.button):not(.gate-start):not(.rules-play):disabled{opacity:.6;cursor:default}
@media(prefers-reduced-motion:reduce){body[data-brand] :is(.button,.nav-button,.upload-action,.copy-button){transition:none}}