*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#1b1814;font-family:Arial,Helvetica,sans-serif;color:#3c2d1b}body{display:flex;justify-content:center;padding:12px}.page{width:min(1120px,100%);background:#e9d596;border:3px solid #6f5229;border-radius:12px;overflow:hidden;box-shadow:0 15px 55px #0008}.top{height:58px;background:linear-gradient(#f9e9ba,#dfc67e);display:flex;align-items:center;padding:5px 12px;border-bottom:2px solid #8a6935}.brand{display:flex;gap:8px;align-items:center}.brand>span{font-size:31px}.brand b{display:block;font-size:18px}.brand small{font-size:11px;color:#80633b}.resources{margin-left:auto;display:flex;gap:15px;align-items:center;font-size:14px}.resources span{background:#fff0bd;border:1px solid #ad8646;border-radius:8px;padding:6px 9px}.mail{font-size:18px}.game-wrap{background:#8fcf5f}.scene{position:relative;width:100%;aspect-ratio:957/552;overflow:hidden;background:#9edb6c}.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.building{position:absolute;z-index:4;user-select:none;pointer-events:none}.barn{left:2%;top:17%;width:25%}.house{right:3%;top:8%;width:27%}.animal{position:absolute;z-index:10;height:auto;user-select:none;touch-action:none;cursor:grab;filter:drop-shadow(0 3px 2px #0004);transition:filter .1s,transform .1s}.animal:hover{transform:scale(1.03)}.animal.dragging{cursor:grabbing;filter:drop-shadow(0 7px 4px #0008);transform:scale(1.08);z-index:40}.scene-tip{position:absolute;z-index:60;left:50%;bottom:12px;transform:translateX(-50%);background:#38291fd9;color:#fff8dc;padding:7px 13px;border:1px solid #b58b49;border-radius:8px;font-size:12px;box-shadow:0 4px 15px #0005;white-space:nowrap}.zoom{position:absolute;z-index:70;right:8px;top:45%;display:flex;flex-direction:column;gap:4px}.zoom button{width:31px;height:31px;border-radius:7px;border:1px solid #72532b;background:#f5e1a8;font-size:19px}.bottom{position:relative;min-height:125px;background:linear-gradient(#f4df9f,#d7bb72);border-top:3px solid #8a6935;padding:4px 5px}.player-strip{position:relative;height:68px;width:100%;overflow:hidden}.player-strip img{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto}.player-hotspots{position:absolute;left:11%;right:12%;top:14%;bottom:3%;display:flex}.player-hotspots button{flex:1;border:0;background:transparent;border-radius:9px;cursor:pointer}.player-hotspots button:hover{background:#fff4a733;box-shadow:inset 0 0 0 2px #e8b52b}.tools{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:42%;min-width:390px;max-width:500px;height:64px}.tools>img{position:absolute;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 3px 2px #0003)}.tool-hotspots{position:absolute;inset:0;display:flex;padding:5px 7px}.tool-hotspots button{flex:1;border:0;background:transparent;border-radius:8px;cursor:pointer}.tool-hotspots button:hover,.tool-hotspots button.active{background:#e8c23a33;box-shadow:inset 0 0 0 2px #d9a522}.tools{z-index:100}footer{height:35px;background:#4a3926;color:#fff0c6;display:flex;align-items:center;padding:0 9px;font-size:11px}footer button{margin-left:7px;border:1px solid #a07b42;background:#e6cc88;border-radius:5px;padding:4px 8px;font-size:11px}footer span{margin:auto}@media(max-width:700px){body{padding:0}.page{border:0;border-radius:0}.top{height:46px}.resources span{padding:4px 6px}.resources{gap:4px;font-size:11px}.brand>span{font-size:23px}.barn{width:23%}.house{width:25%}.scene-tip{font-size:10px;bottom:5px}.zoom{display:none}.bottom{min-height:95px}.player-strip{height:48px}.tools{height:52px;min-width:300px;width:55%}footer{height:30px}}