/* Generated scene paintings and alpha-edged signs supply the actual menu artwork. */
:root{--fresh-control-paper:url('../art/fresh-prince/ui/menu-plaque-v3.png');--fresh-focus-paper:url('../art/fresh-prince/ui/menu-plaque-focus-v3.png');--fresh-bel-air-menu:url('../art/fresh-prince/ui/menu-bel-air-scene-v3.webp');--fresh-philly-menu:url('../art/fresh-prince/ui/menu-west-philly-scene-v3.webp')}
.fresh-illustrated-ui{background-color:#3b293f;background-image:var(--fresh-bel-air-menu);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:multiply}
.fresh-illustrated-ui>header{background-color:#3a2836;background-image:var(--fresh-bel-air-menu);background-size:cover;background-position:center;background-blend-mode:multiply;border:0}
.fresh-illustrated-ui>header nav{gap:8px}
.fresh-illustrated-ui>header nav a{padding:12px 18px;color:#241333;background:transparent var(--fresh-control-paper) center/100% 100% no-repeat;border:0;box-shadow:none;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.fresh-illustrated-ui>header nav a:is(:hover,:focus-visible){background-image:var(--fresh-focus-paper);outline:2px solid #f4ff79;outline-offset:2px}
.fresh-title-menu{gap:3px;bottom:3.5%}
.fresh-title-menu>a{background-color:transparent;background-image:var(--fresh-control-paper);background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;box-shadow:none;min-height:78px;padding:22px 13%;text-shadow:none}
.fresh-title-menu .title-play{min-height:92px}
.fresh-title-menu>a:is(:hover,:focus-visible){background-color:transparent;background-image:var(--fresh-focus-paper);box-shadow:none;outline:2px solid #241333;outline-offset:0}
.fresh-title-menu>a span{font-size:10px}
.fresh-title-menu .title-menu-note{padding-left:13%}
#game-window :is(.menu-veil,.game-recorder-shade,#public-recorder-shade){background-color:#9b8b88;background-image:var(--fresh-bel-air-menu);background-position:center;background-size:cover;background-blend-mode:multiply}
#game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog])[open]{background-color:#e7dbcf;background-image:var(--fresh-bel-air-menu);background-size:cover;background-position:center;background-blend-mode:multiply;border:0;border-radius:0;box-shadow:none;padding:22px 28px}
#game-window .game-panel:is(#controller-menu,#controller-assignment,#controller-calibration,#move-list,#animation-gallery,#preview-tracker-menu)[open]{background-image:var(--fresh-philly-menu)}
#game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) h2{display:block;width:fit-content;max-width:100%;padding:12px 30px;margin-bottom:10px;color:#241333;background:transparent var(--fresh-control-paper) center/100% 100% no-repeat;font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;letter-spacing:.7px;text-transform:uppercase;font-size:25px;line-height:1.1;text-shadow:none}
#game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) :is(button,select,input[type=text],input[type=search],textarea,.cast-gallery-link),#game-window :is(.game-recorder-control,#game-recorder-button,.match-actions button,.match-artwork-result button){background-color:transparent!important;background-image:var(--fresh-control-paper)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#241333!important;padding:13px 12%;min-height:49px;font-weight:850}
#game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) :is(button,select,.cast-gallery-link):is(:hover,:focus-visible,[data-gamepad-focus],[aria-pressed=true],[aria-selected=true]),#game-window :is(.game-recorder-control,#game-recorder-button,.match-actions button):is(:hover,:focus-visible){background-image:var(--fresh-focus-paper)!important;background-color:transparent!important;box-shadow:none!important}
#game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) :is(button,a,input,select,textarea):focus-visible,#game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) [data-gamepad-focus]{outline:2px solid #eaff6a!important;outline-offset:1px!important}
#game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) :is(p,label,small){text-shadow:0 1px 3px #100a21,0 0 8px #100a21}
#game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) button :is(small,span){text-shadow:none}
#game-window :is(.game-recorder-destination,#public-recorder-dialog label){background-color:transparent!important;background-image:var(--fresh-control-paper)!important;background-size:100% 100%;border:0;border-radius:0;box-shadow:none;padding:16px 12%}
#game-window .game-recorder-destination:has(input:checked){background-image:var(--fresh-focus-paper)!important;box-shadow:none}
#game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) :is(.controller-slot,.move-card,.preview-tracker-metric,.preview-tracker-item,.game-recorder-hints,fieldset){background-color:#20172de0;background-image:var(--fresh-menu-paper);border:0;border-radius:0}
#game-window .game-panel#pause-menu[open]{width:min(880px,calc(100% - 32px));padding-right:36%}
#game-window :is(#player-one-character,#player-two-character).fresh-player-choice{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 12%;min-height:70px;text-align:left}
#game-window .fresh-fighter-window{display:block;position:relative;aspect-ratio:1;overflow:hidden;pointer-events:none;flex:none}
#game-window .fresh-fighter-window .fresh-fighter-portrait{display:block;position:absolute;inset:0;background-repeat:no-repeat;background-color:transparent;transform:scale(1.55);transform-origin:center 25%;pointer-events:none}
#game-window .fresh-player-choice .fresh-fighter-window{width:45px;height:45px}
#game-window .game-panel#character-menu[open]{width:min(900px,calc(100% - 28px));height:calc(100% - 28px);display:flex;flex-direction:column;overflow:hidden}
#game-window #character-menu>.menu-hint{margin:0 0 8px;font-size:11px}
#game-window #character-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:max-content;gap:9px;flex:1;min-height:0;overflow:auto;align-content:start;padding:5px 4px;scroll-padding:6px}
#game-window #character-options button{background:none!important;padding:0!important;min-height:0;height:max-content;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:visible;text-align:center}
#game-window #character-options .fresh-fighter-window{width:100%;max-width:140px;align-self:center;border:0}
#game-window #character-options .fresh-fighter-copy{display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:9px 10%;background:transparent var(--fresh-control-paper) center/100% 100% no-repeat;font-size:11px;line-height:1.15;position:relative;margin-top:-8px;z-index:1}
#game-window #character-options .fresh-fighter-copy>span{display:block;font-weight:900}
#game-window #character-options .fresh-fighter-copy small{font-size:8px;line-height:1.1;margin-top:3px;text-shadow:none}
#game-window #character-options button:is(:hover,:focus-visible,[aria-pressed=true],[data-gamepad-focus]) .fresh-fighter-copy{background-image:var(--fresh-focus-paper)}
#game-window #character-options button[aria-pressed=true] .fresh-fighter-window{filter:drop-shadow(0 0 5px #deff49)}
#game-window #character-options button:is(:focus-visible,[data-gamepad-focus]){outline-offset:1px!important}
#game-window #character-back{flex:none;align-self:center;width:60%;min-height:40px;margin:5px 0 0}
#game-window #animation-gallery #animation-preview{background-image:var(--fresh-philly-menu);background-color:#a096a8;border:0}
#game-window :is(.motion-tile,.attack-tile){background-color:transparent;background-image:var(--fresh-control-paper);background-size:100% 100%;border:0;border-radius:0;padding:10px 8px}
#game-window :is(.loading,.match-actions,.match-artwork-result){background-image:var(--fresh-bel-air-menu);border:0;border-radius:0}
.fresh-illustrated-ui :is(.motion-controls,.motion-cast-controls,.moves-controls,.fighter-picker) :is(button,select),.fresh-illustrated-ui .button{background-color:transparent;background-image:var(--fresh-control-paper);background-position:center;background-size:100% 100%;border:0;border-radius:0;box-shadow:none;color:#241333;padding:14px 24px;font-weight:850}
.fresh-illustrated-ui :is(.motion-controls,.motion-cast-controls,.moves-controls,.fighter-picker) :is(button,select):is(:hover,:focus-visible,[aria-pressed=true]){background-image:var(--fresh-focus-paper)}
.fresh-illustrated-ui :is(.motion-controls,.motion-cast-controls,.moves-roster){background-color:#251a32;background-image:var(--fresh-philly-menu);background-position:center;background-size:cover;background-blend-mode:multiply;border:0}
.fresh-illustrated-ui .fighter-picker .guide-fighter{padding:6px;gap:5px;min-width:0}
.fresh-illustrated-ui .fighter-picker .picker-label{min-width:0;flex:1;color:#241333;overflow-wrap:normal}
.fresh-illustrated-ui .fighter-picker .picker-label small{color:#4e2c48}
.fresh-illustrated-ui .motion-controls #motion-pause{background:transparent var(--fresh-control-paper) center/100% 100% no-repeat;border:0;color:#241333}
.fresh-illustrated-ui .motion-controls #motion-pause:is(:hover,:focus-visible,[aria-pressed=true]){background-image:var(--fresh-focus-paper)}
@media(min-width:1800px){.fresh-title-menu{bottom:4%}}
@media(max-width:1050px){.fresh-title-menu{gap:2px;bottom:3%}.fresh-title-menu>a{min-height:57px;font-size:15px;padding:16px 12%}.fresh-title-menu .title-play{min-height:65px;font-size:21px}.fresh-title-menu>a span{font-size:8px}.title-menu-note{font-size:8px}}
@media(max-width:740px){.fresh-title-menu{padding-top:10px;padding-bottom:18px;gap:3px}.fresh-title-menu>a{min-height:72px;padding:20px 12%;font-size:19px}.fresh-title-menu .title-play{min-height:82px;font-size:25px}.fresh-title-menu>a span{font-size:8px;white-space:nowrap}.fresh-title-menu .title-menu-note{padding:5px 4px;font-size:9px}.fresh-illustrated-ui>header nav{flex-wrap:wrap;gap:4px}.fresh-illustrated-ui>header nav a{font-size:8px;padding:10px 14px;min-height:32px}.fresh-illustrated-ui>header{height:auto;min-height:75px;gap:10px;flex-wrap:wrap;padding-block:10px}}
@media(max-width:600px),(max-height:600px){
 #game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog])[open]{padding:10px 12px;background-position:38% center}
 #game-window .game-panel#pause-menu[open]{width:calc(100% - 16px);padding-right:12px}
 #game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) h2{font-size:15px;padding:8px 22px;margin-bottom:5px}
 #game-window :is(.game-panel,.game-recorder-dialog,[id=public-recorder-dialog]) :is(button,select,input[type=text],.cast-gallery-link){padding:10px 12%;min-height:36px;font-size:10px}
 #game-window :is(#player-one-character,#player-two-character).fresh-player-choice{min-height:52px;padding:9px 12%;gap:8px}
 #game-window .fresh-player-choice .fresh-fighter-window{width:34px;height:34px}
 #game-window .game-panel#character-menu[open]{padding:7px 10px;width:calc(100% - 16px);height:calc(100% - 12px)}
 #game-window #character-menu>.menu-hint{display:none}
 #game-window #character-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px}
 #game-window #character-options .fresh-fighter-window{width:58px;height:58px;max-width:58px}
 #game-window #character-options .fresh-fighter-copy{font-size:9px;min-height:39px;padding:7px 9%}
 #game-window #character-options .fresh-fighter-copy small{font-size:7px}
 #game-window #character-back{min-height:29px;font-size:9px;padding:7px 13%;margin-top:3px}
 #game-window #move-list .move-guide-header h2{padding:7px 13px;font-size:12px}
}
@media(max-height:520px) and (min-width:601px){
 #game-window #character-options{grid-template-columns:repeat(6,minmax(0,1fr))}
 #game-window #character-options .fresh-fighter-window{width:44px;height:44px;max-width:44px}
 #game-window #character-options .fresh-fighter-copy{min-height:35px;padding-block:6px}
}