:root{color-scheme:dark;background:#303030;color:#eee;font:14px Tahoma,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;padding:8px;text-shadow:0 1px 1px #000}
main{max-width:550px;margin:auto;padding:12px;background:#1e1d1d url(media/content-bg.jpg);border:1px solid #48443b}
.masthead{display:grid;place-items:center;min-height:86px;padding:6px;background:#222 url(media/gray-bg.jpg);border-bottom:1px solid #655c3d}
.masthead img{display:block;width:min(250px,100%);height:auto}
h1{font-size:1.35rem;text-align:center;color:#e4d98d;margin:12px 0}
.intro,p{line-height:1.5}
fieldset{min-width:0;border:1px solid #514c3d;padding:10px;margin:14px 0;background:#202020}
legend,summary{color:#e4d98d;font-weight:bold}
summary{cursor:pointer}
details{margin-top:14px;padding:9px;background:#282828}
label{display:block;margin:9px 0}
small{display:block;color:#c6c0b2;margin-top:4px;line-height:1.4}
input,select,button{max-width:100%;font:inherit;color:inherit;padding:8px;border:1px solid #69604c;background:#141414}
input:not([type=checkbox]),select{display:block;width:100%;margin-top:4px;min-height:38px}
button{cursor:pointer;color:#fff5b3;background:#473126 url(media/start-button-bg.jpg) center / cover;margin:4px 4px 4px 0;min-height:38px;font-weight:bold;text-shadow:0 1px 2px #000}
a{color:#e4d98d}
:focus-visible{outline:2px solid #e4d98d;outline-offset:2px}
.stats{padding:0;list-style:none}.stats li{margin:7px 0;color:#e4d98d}.stats img{vertical-align:middle}
[role=alert]{padding:8px;border:1px solid #8a4e43;color:#ffb4a6;background:#371f1c}
code{overflow-wrap:anywhere}
main{background-image:url(media/original/template/content-bg.jpg)}
.masthead{background-image:url(media/original/template/gray-bg.jpg);border-bottom:0;position:relative}
.masthead::after{content:"";position:absolute;inset:auto 0 0;height:4px;background:url(media/original/template/line2-bg.jpg) repeat-x}
button{background:linear-gradient(#56362a,#331a14)}
.login-submit{background:#752719 url(media/original/template/btn-red-sprite.png) repeat-x top center;background-size:auto 90px}
.start-link{text-align:center;border-top:1px dotted #5d5649;padding-top:12px}
.start-link img{display:inline-block;max-width:100%;height:auto}
h2{color:#e4d98d;font-size:1.05rem;margin-bottom:0}
.locations-note{color:#c6c0b2;font-size:.9rem}
.locations{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:10px;text-align:center}
.locations li{display:grid;justify-items:center;align-content:start;gap:4px;color:#e4d98d}
.tile-art{position:relative;display:grid;place-items:center;width:82px;height:82px;overflow:hidden}
.tile-art img{width:74px;height:74px;object-fit:cover}
.tile-art::after{content:"";position:absolute;inset:0;background:url(media/original/index-menu/frame-square.png) center / 100% 100%}
