.desk-container{position:relative;width:100%;height:calc(100vh - 120px);min-height:500px;background-color:#6ba3d4;overflow:hidden;padding:20px;margin-bottom:120px}.desktop-icons{position:absolute;top:0;left:0;width:100%;height:100%}.desktop-icon{position:absolute;width:80px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000001a;cursor:move;cursor:grab;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none}.desktop-icon[data-icon-id=line4up]{right:20px;top:20px}.desktop-icon[data-icon-id=lode]{right:20px;top:140px}.desktop-icon[data-icon-id=deadbolt]{right:20px;top:260px}.icon-image{width:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.icon-emoji{font-size:48px;line-height:1;display:block;pointer-events:none}.icon-label{font-size:12px;font-weight:500;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);word-wrap:break-word;max-width:100%;line-height:1.2;pointer-events:none}.desktop-icon:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026;background:#fff3}.desktop-icon:active,.desktop-icon.dragging{cursor:grabbing;opacity:.9;box-shadow:0 8px 16px #0003;transform:scale(1.02);z-index:1000;transition:none;will-change:transform}.desktop-icon:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.desktop-icon:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.desktop-icon:not(.dragging){transition:transform .2s ease,box-shadow .2s ease,background .2s ease}@media screen and (max-width: 768px){.desktop-icon{width:70px;padding:10px}.icon-emoji{font-size:40px}.icon-label{font-size:11px}.desktop-icon[data-icon-id=line4up]{right:15px;top:15px}}@media screen and (max-width: 480px){.desk-container{padding:15px}.desktop-icon{width:65px;padding:8px;gap:6px}.icon-emoji{font-size:36px}.icon-label{font-size:10px}.desktop-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px;z-index:-1}.desktop-icon[data-icon-id=line4up]{right:10px;top:10px}}@media (prefers-reduced-motion: reduce){.desktop-icon{transition:none}.desktop-icon:hover{transform:none}}@media (prefers-contrast: high){.desktop-icon{border:2px solid #ffffff;background:#000c}.icon-label{font-weight:600}}@supports not (backdrop-filter: blur(10px)){.desktop-icon{background:#ffffff40}}