*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-container{flex:1;min-height:0;display:flex}.sidebar{background:var(--card);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:64px;padding-top:20px;display:flex;box-shadow:4px 0 12px #0000000f}.sidebar-btn{width:42px;height:42px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.sidebar-btn:hover{background:var(--bg-soft);color:var(--text)}.game-area{background:var(--bg);flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.game-frame{background:#000;border:none;width:100%;height:100%;display:block}.error-layer{color:var(--text);text-align:center;z-index:5;padding:20px;font-size:22px;font-weight:800;display:none}.loading-layer{color:var(--text-soft);z-index:5;font-size:16px;display:flex}@media (width<=720px){.sidebar{width:52px}.sidebar-btn{width:38px;height:38px}}