#game{position:relative}
#self-morph-root{position:absolute;inset:0;z-index:2147483000;pointer-events:none;color:#20272b;font:11px Verdana,Arial,sans-serif;text-align:left}
#self-morph-root button,#self-morph-root input,#self-morph-root select{font:inherit}
#self-morph-toggle{position:absolute;top:43px;left:40px;pointer-events:auto;width:26px;min-width:26px;height:28px;padding:0;border:2px solid #253c46;border-radius:2px;background:linear-gradient(#bce3ed 0 48%,#6da9bd 49% 100%);box-shadow:inset 1px 1px #effcff,inset -1px -1px #497d90,1px 2px 0 #0009;color:#173948;font:bold 13px/24px Verdana,Arial,sans-serif!important;text-align:center;text-shadow:0 1px #dff6fb;cursor:pointer}
#self-morph-toggle:hover,#self-morph-toggle:focus-visible{background:linear-gradient(#d2eff5 0 48%,#7db8ca 49% 100%)}
#self-morph-toggle:focus-visible,#self-morph-menu button:focus-visible,#self-morph-menu input:focus-visible,#self-morph-menu select:focus-visible{outline:2px solid #fff;outline-offset:2px}
#self-morph-menu{position:absolute;top:80px;left:40px;display:flex;flex-direction:column;width:min(322px,calc(100% - 48px));height:calc(100% - 87px);max-height:453px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;border:2px solid #29434f;border-radius:3px;background:#eee5cc;box-shadow:inset 1px 1px #fff8e6,inset -1px -1px #b5aa8f,2px 3px 0 #0008,0 8px 20px #0006}
.self-morph-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:7px 8px 7px 12px;border-bottom:2px solid #345868;background:linear-gradient(#a9d8e5 0 48%,#72afc3 49% 100%);color:#173947;text-shadow:0 1px #dff6fb;box-shadow:inset 1px 1px #eaf9fc}
.self-morph-header h1{margin:1px 0 0;font:bold 15px Verdana,Arial,sans-serif}
.self-morph-kicker{display:block;color:#315e70;font-size:8px;font-weight:bold;letter-spacing:1.2px}
.self-morph-close{width:28px;height:28px;padding:0;border:2px solid #35515c;border-radius:2px;background:linear-gradient(#fffdf5 0 48%,#d9cfb7 49% 100%);box-shadow:inset 1px 1px #fff;color:#263941;font:bold 20px/22px Arial,sans-serif!important;cursor:pointer}
.self-morph-identity{display:grid;grid-template-columns:70px minmax(0,1fr);gap:4px 8px;margin:0;padding:9px 11px 8px;border-bottom:1px solid #b9ad91;background:#fff9e8}
.self-morph-identity dt{color:#66747b;font-size:9px;font-weight:bold;text-transform:uppercase}
.self-morph-identity dd{min-width:0;margin:0;overflow:hidden;color:#263f4b;font-weight:bold;text-overflow:ellipsis;white-space:nowrap}
.self-morph-help{margin:0;padding:8px 11px;border-bottom:1px solid #c6b99c;background:#f7efd9;color:#5d5a4d;font-size:10px;line-height:1.35}
.self-morph-status{margin:8px 10px 0;padding:7px 8px;border:1px solid #93ad7f;border-radius:3px;background:#edf6e8;color:#315424;font-weight:bold;line-height:1.3}
.self-morph-status.is-error{border-color:#bf827b;background:#faeae8;color:#7b251d}
.self-morph-search{display:block;margin:8px 10px 7px;color:#45565e;font-size:9px;font-weight:bold;text-transform:uppercase}
.self-morph-search span{display:block;margin-bottom:4px}
.self-morph-search input{display:block;width:100%;height:29px;margin:0;padding:5px 8px;border:2px solid #71858c;border-radius:2px;background:#fffdf5;color:#20272b;box-shadow:inset 1px 1px 1px #0002}
.self-morph-tabs{display:flex;margin:0 10px;border-bottom:2px solid #56798a}
.self-morph-tabs button{flex:1;padding:6px 8px;border:1px solid #8b846f;border-bottom:0;background:linear-gradient(#fffaf0,#dcd1b8);color:#4c514e;font-weight:bold;cursor:pointer}
.self-morph-tabs button+button{border-left:0}
.self-morph-tabs button.is-active{border-color:#456574;background:linear-gradient(#a8d8e5 0 48%,#75afc1 49% 100%);color:#173947;text-shadow:0 1px #dff6fb}
.self-morph-options{flex:1 1 205px;min-height:60px;overflow-y:auto;margin:0 10px;padding:6px;border:1px solid #968c75;border-top:0;background:#f8f1dd;scrollbar-color:#7394a0 #e1d7bd}
.self-morph-option{display:block;width:100%;margin:0 0 5px;padding:7px 8px;border:1px solid #b6aa8e;border-radius:2px;background:linear-gradient(#fffdf5,#e4dac2);color:#27353b;text-align:left;cursor:pointer;box-shadow:inset 1px 1px #fff}
.self-morph-option:last-child{margin-bottom:0}
.self-morph-option:hover{border-color:#527d91;background:#eef9fc}
.self-morph-option.is-active{border-color:#567542;background:#e7f2df;box-shadow:inset 3px 0 #6e9a50}
.self-morph-option.is-unavailable{border-color:#aaa;background:#e2e4e5;color:#6c7376;box-shadow:none}
.self-morph-option strong{display:block;color:#244e62;font-size:11px}
.self-morph-option span{display:block;margin-top:3px;color:#647178;font-size:9px;line-height:1.25}
.self-morph-option.is-unavailable strong{color:#59666b}
.self-morph-option .self-morph-unavailable-label{color:#7b332c;font-weight:bold}
.self-morph-option:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.78}
.self-morph-reset:disabled,.self-morph-change:disabled,.self-morph-pet select:disabled{cursor:wait;filter:grayscale(.45);opacity:.6}
#self-morph-menu.is-busy .self-morph-option:disabled{cursor:wait}
.self-morph-empty{margin:0;padding:24px 8px;color:#68767c;text-align:center}
.self-morph-pet{flex:1 1 205px;min-height:60px;overflow-y:auto;margin:0 10px;padding:8px 10px;border:1px solid #968c75;border-top:0;background:#f8f1dd}
.self-morph-pet-fields{display:grid;gap:8px}
.self-morph-pet-fields label{display:block;margin:0;color:#45565e;font-size:9px;font-weight:bold;text-transform:uppercase}
.self-morph-pet-fields label>span:first-child{display:block;margin-bottom:4px}
.self-morph-pet-fields select{display:block;width:100%;height:28px;margin:0;padding:4px 7px;border:2px solid #71858c;border-radius:2px;background:#fffdf5;color:#20272b;text-transform:none}
.self-morph-colour-control{display:flex!important;align-items:center;gap:7px;margin:0!important}
.self-morph-colour-control select{flex:1;min-width:0}
.self-morph-swatch{display:block;flex:none;width:28px;height:28px;border:2px solid #fff;border-radius:3px;box-shadow:0 0 0 1px #6f7f86,inset 0 0 0 1px #0002}
.self-morph-change{justify-self:end;min-height:29px;padding:5px 14px;border:1px solid #315c75;border-radius:3px;background:linear-gradient(#8bb9cd 0 48%,#5d8ca2 49% 100%);box-shadow:inset 0 1px #d2e8f0;color:#18394a;font-weight:bold!important;cursor:pointer}
.self-morph-footer{display:flex;flex:none;justify-content:flex-end;padding:8px 10px 10px;border-top:1px solid #cabd9f;background:#eee5cc}
.self-morph-reset{min-height:29px;padding:5px 11px;border:1px solid #43672e;border-radius:3px;background:linear-gradient(#91bd6f 0 48%,#699849 49% 100%);box-shadow:inset 0 1px #cce5ba;color:#17330e;font-weight:bold!important;cursor:pointer}
#self-morph-menu.is-busy .self-morph-header:after{content:'even geduld';margin-left:auto;margin-right:8px;color:#eaf5f8;font-size:8px;font-weight:bold;text-transform:uppercase}
#self-morph-menu.is-busy .self-morph-header>div:first-child{margin-right:auto}
#self-morph-menu[hidden],#self-morph-toggle[hidden]{display:none!important}
#self-morph-menu [hidden]{display:none!important}
@media(max-width:390px),(max-height:440px){#self-morph-menu{width:min(322px,calc(100% - 44px));height:calc(100% - 84px)}.self-morph-header{min-height:40px}.self-morph-help{display:none}.self-morph-identity{padding-top:6px;padding-bottom:6px}.self-morph-options{flex-basis:145px}}