body{background:url(../media/images/background/bg.png) center/cover;height:100vh;display:flex;align-items:center;justify-content:center;color:#292a2c}.box{background:#f2f2f2;box-sizing:border-box;padding:20px;overflow:hidden auto}.grid{width:704px;height:400px;display:grid;grid-template-columns:repeat(4,128px);gap:40px;align-content:start;overflow-y:scroll}.grid a,.grid div{text-align:center;text-decoration:none}.grid img{display:block;width:128px;height:128px;object-fit:contain}.grid span{display:block;margin-top:8px;text-shadow:var(--out)}.scroll::-webkit-scrollbar{width:32px}.scroll::-webkit-scrollbar-track{background:#ffd1d3}.scroll::-webkit-scrollbar-thumb,.drop{border:4px solid transparent;border-image:url(../media/images/all/thumb.png) 2 fill}.scroll::-webkit-scrollbar-button{display:block;height:32px;background:#ffd1d3 center/32px no-repeat}.scroll::-webkit-scrollbar-button:vertical:decrement{background-image:url(../media/images/all/up.png)}.scroll::-webkit-scrollbar-button:vertical:increment{background-image:url(../media/images/all/down.png)}.scroll::-webkit-scrollbar-button:vertical:start:increment,.scroll::-webkit-scrollbar-button:vertical:end:decrement{display:none}.window{background:#ffa0a3;padding:8px;box-shadow:inset 2px 2px #ffd0d2,inset -2px -2px #b24d50;position:relative}.titlebar,.title,.btns{display:flex;align-items:center}.titlebar{justify-content:space-between;padding:6px 8px;background:linear-gradient(to right,#b24d50,#ff767b);color:#fff}.title{gap:6px}.btns{gap:4px}.title img,.btns img,.back{display:block;width:32px;height:32px}.back{cursor:pointer;align-self:center}.menu{display:flex;gap:24px;padding:6px 8px}.menu>span,.menuitem{padding:2px 6px;border:4px solid transparent}.menuitem{position:relative;cursor:pointer}.menuitem.open{border-image:url(../media/images/all/click.png) 4 fill / 8px}.drop{display:none;position:absolute;top:100%;left:0;z-index:10;padding:8px;white-space:nowrap}.menuitem.open .drop{display:block}.drop a{display:block;padding:4px 24px 4px 12px;text-decoration:none;color:#292a2c}.drop a:hover{background:#b24d50;color:#fff}#popup{display:none;position:fixed;inset:0;place-items:center}#popup.show{display:grid}