@font-face{font-family:TGPC;src:url(assets/overhead/pt-pc-v11-14.ttf) format('truetype');font-display:swap}
body,input,button,h1,h2,.game-shell .map-title{font-family:TGPC,serif}
.game-shell,dialog,.select-shell{color:#f5dfa0;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}
.game-shell button,.game-shell .bar,.game-shell strong{ text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000 }
.black-text,[data-text-color=black]{color:#000!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.game-icon{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px #000);flex-shrink:0}
.game-shell .toolbar b{background:none!important;color:#e8c77c!important;width:28px!important;height:28px!important;font-size:0!important}
.game-shell .toolbar .tool-6,.game-shell .toolbar .tool-7{padding:4px;width:34px!important;height:34px!important}
.game-shell .toolbar button{font-size:11px}
.game-shell .auto-controls .game-icon{width:25px;height:25px}
.game-shell .auto-controls button[aria-pressed=true]{background:#8c652a99!important;box-shadow:0 0 8px #f1d58a!important}
.game-shell .map-hud{gap:0;right:max(6px,env(safe-area-inset-right));top:max(6px,env(safe-area-inset-top))}
.game-shell .extras{display:flex;flex-direction:column;width:22px;gap:1px;padding-top:1px}
.game-shell .extras button{width:22px;height:24px;min-height:24px}
.game-shell .extras button b{background:none!important;color:#e8c77c!important;width:18px!important;height:18px!important}
.game-shell .minimap{width:166px;padding:4px;border-radius:2px}
.game-shell .map-title{padding-bottom:3px}.game-shell .map-title strong{font-size:12px}
.game-shell .map-buttons{gap:3px;margin-top:3px;grid-template-columns:1fr}
.game-shell .map-buttons button{height:25px;min-height:25px;border-radius:2px;padding:1px 3px;font-size:11px}
.game-shell .quick{display:flex;flex-direction:column;gap:4px;top:calc(100% + 5px);right:0}
.game-shell .quick button{width:38px;height:38px;min-height:38px;padding:0}
.game-shell .quick .slot-add{font-size:23px}
.game-shell .player{display:flex;align-items:center;width:232px;height:76px;gap:0;padding:3px 6px 3px 3px;top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));border-radius:45% 19px 19px 45%/50% 20px 20px 50%;background:linear-gradient(#ded5ba,#8e886c 17%,#161914 20%,#161914 83%,#aba68b 85%,#d8d0ae);border:1px solid #231e13;box-shadow:0 0 0 1px #b4a17c,inset 0 1px #fff7}
.game-shell #avatarButton{position:relative;z-index:1;flex:0 0 62px;width:62px;height:66px;padding:3px;border-radius:50%;border:2px solid #aa9b72;background:linear-gradient(120deg,#eedbb3,#33291e);box-shadow:0 0 0 2px #30291c}
.game-shell #avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid #211c13}
.game-shell .avatar-level{position:absolute;right:-2px;bottom:-2px;border-radius:50%;border:1px solid #d0b282;background:radial-gradient(#a94141,#512525);width:20px;height:20px;display:grid;place-items:center;font-size:11px}
.game-shell .status-info{align-self:stretch;display:flex;flex-direction:column;justify-content:center;margin-left:-3px;min-width:0;flex:1}
.game-shell .status-info>strong{display:block;text-align:center;font-size:12px;line-height:14px;height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.game-shell .bar{border-radius:0 8px 8px 0;height:11px;line-height:11px;font-size:10px;margin:0;border:1px solid #342b21;color:#fff}
.game-shell .hp{background:linear-gradient(#ff685a,#ce241d 45%,#7b100c)}
.game-shell .mp{background:linear-gradient(#579bff,#144bb2 50%,#08266f)}
.game-shell .xp{background:linear-gradient(#4b6758,#162a25);height:9px;line-height:9px;font-size:9px}
.game-shell .status-rank{text-align:center;font-size:11px;height:14px;line-height:14px;color:#e8c978}
.avatar-dialog{width:min(340px,92vw);padding:18px;color:#f4d48a}.avatar-dialog::backdrop{background:#0009}.avatar-dialog h2{font-size:18px;margin:0 0 10px}.avatar-dialog p{font-size:12px;text-align:center}
.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.avatar-grid button{padding:4px;border-radius:2px;background:#171e12;display:grid;gap:4px}.avatar-grid button[aria-pressed=true]{border-color:#ffe28a;box-shadow:0 0 8px #e9c967}.avatar-grid img{width:100%;aspect-ratio:1;object-fit:cover}.avatar-grid span{font-size:10px}.avatar-close{display:block;margin:12px auto 0;min-width:80px}
.taichi-vertical{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 2px #0005)}
.joystick i .taichi-vertical{width:80%;height:80%}.mark{display:block;width:64px;height:64px;margin:0 auto}
@media(max-width:600px) and (orientation:portrait){
 .game-shell .player{width:186px;height:65px}.game-shell #avatarButton{flex-basis:51px;width:51px;height:55px}.game-shell .status-info>strong{font-size:10px;line-height:12px;height:12px}.game-shell .status-rank{font-size:10px;height:12px;line-height:12px}.game-shell .bar{height:10px;line-height:10px;font-size:9px}.game-shell .xp{height:8px;line-height:8px}
 .game-shell .minimap{width:136px}.game-shell .map-title strong{font-size:10px}.game-shell .quick button{width:34px;height:34px;min-height:34px}.game-shell .toolbar button{font-size:9px}.game-shell .toolbar b{width:24px!important;height:24px!important}.game-shell .auto-controls .game-icon{width:20px;height:20px}.mark{width:36px;height:36px}
}
@media(max-height:550px) and (orientation:landscape){.game-shell .player{height:65px;width:206px}.game-shell #avatarButton{flex-basis:51px;width:51px;height:55px}.game-shell .minimap{width:140px}.game-shell .mini-wrap{height:62px}.game-shell .quick{top:0;right:calc(100% + 26px)}.game-shell .quick button{width:30px;height:30px;min-height:30px}.game-shell .auto-controls .game-icon{width:19px;height:19px}.mark{width:28px;height:28px}}
.game-shell .map-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.game-shell .map-title span{flex-shrink:0}
.game-shell .extras .game-icon{filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 1px #000)}
.game-shell .map-title{justify-content:center;text-align:center}.game-shell .map-title strong{white-space:normal;line-height:14px}
@media(max-width:600px) and (orientation:portrait){.game-shell .toolbar button span{white-space:normal;min-height:22px;height:22px;line-height:11px;text-align:center;max-width:100%;display:flex;align-items:center;justify-content:center}.game-shell .toolbar button{justify-content:center;gap:2px}.game-shell .toolbar .tool-6,.game-shell .toolbar .tool-7{width:28px!important;height:28px!important;padding:3px}}
/* Selection typography is independent of the native ingame text. */
body.selection,body.selection button,body.selection input,body.selection label,body.selection h1,body.selection h2,body.selection strong,body.selection span{font-family:Georgia,'Times New Roman',serif}
body.selection .character-row span{font-size:11px}body.selection .character-row strong{font-size:14px}
body.selection .select-shell{text-shadow:0 1px 2px #000}
/* Gold illustrated menu controls; labels remain accessible through aria-label/title. */
.game-shell .toolbar{grid-template-columns:repeat(3,minmax(0,1fr)) repeat(2,minmax(0,1.35fr)) repeat(3,minmax(0,1fr));height:68px;padding:5px 8px}
.game-shell .toolbar button{justify-content:center;align-items:center;gap:0}
.game-shell .toolbar b{width:36px!important;height:36px!important;filter:drop-shadow(0 2px 1px #000)}
.game-shell .toolbar .tool-6,.game-shell .toolbar .tool-7{width:52px!important;height:52px!important;padding:12px;border-radius:50%;border:1px solid #e0bb65;background:radial-gradient(circle,#3a2b17,#13160d 70%)!important;box-shadow:inset 0 0 0 2px #342716,0 0 4px #000}
.game-shell .toolbar .menu-art{filter:drop-shadow(0 1px 0 #ffde9166) drop-shadow(0 2px 1px #000)}
@media(max-width:600px) and (orientation:portrait){.game-shell .toolbar{height:64px;padding:4px}.game-shell .toolbar b{width:29px!important;height:29px!important}.game-shell .toolbar .tool-6,.game-shell .toolbar .tool-7{width:45px!important;height:45px!important;padding:10px}}
@media(max-height:550px) and (orientation:landscape){.game-shell .toolbar{height:60px;padding:3px 6px}.game-shell .toolbar b{width:30px!important;height:30px!important}.game-shell .toolbar .tool-6,.game-shell .toolbar .tool-7{width:46px!important;height:46px!important;padding:10px}}