*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f0f0f0;overflow:hidden}#app{width:100vw;height:100vh}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{font-family:Arial,sans-serif;background-color:#f0f0f0}.app{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.start-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:30px;background-color:#f0f0f0;color:#333}.start-page h1{font-size:48px;color:#2c3e50;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.difficulty-selector{display:flex;flex-direction:column;align-items:center;gap:15px}.difficulty-selector h2{font-size:24px;color:#2c3e50}.difficulty-options{display:flex;gap:15px}.difficulty-button{padding:15px 25px;background-color:#ecf0f1;color:#2c3e50;border:2px solid #3498db;border-radius:8px;cursor:pointer;transition:all .3s;font-size:16px}.difficulty-button:hover{background-color:#3498db;color:#fff;transform:translateY(-2px)}.difficulty-button.active{background-color:#3498db;color:#fff;border-color:#2980b9}.start-button{font-size:24px;padding:20px 40px;background-color:#ff4757;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s;margin-top:20px}.start-button:hover{background-color:#ff3742;transform:translateY(-2px)}.video-page{position:relative;width:100vw;height:100vh}video{width:100%;height:100%;object-fit:cover}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.countdown{font-size:120px;color:#fff;font-weight:700}.warehouse-page{width:100vw;height:100vh;background-color:#f0f0f0;color:#333;padding:20px;overflow:hidden;display:flex}.warehouse-content-wrapper{width:50%;height:100%;display:flex;flex-direction:column}.left-sidebar{width:50%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.all-selected-hint{background-color:#4caf50;color:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 8px #0003;animation:pulse 2s infinite}.all-selected-hint h3{font-size:28px;margin-bottom:10px}.all-selected-hint p{font-size:16px;margin-bottom:0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.warehouse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.warehouse-header h2{font-size:24px;color:#2c3e50}.countdown-timer{font-size:36px;font-weight:700;color:#e74c3c;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.warehouse-content{display:flex;height:calc(100% - 60px);margin-top:20px}.tabs{display:flex;flex-direction:column;margin-right:20px;gap:10px}.tab-button{padding:15px;background-color:#ecf0f1;color:#2c3e50;border:2px solid #3498db;border-radius:4px;cursor:pointer;transition:all .3s;min-width:100px}.tab-button:hover{background-color:#3498db;color:#fff}.tab-button.active{background-color:#3498db;color:#fff;border-color:#2980b9}.items-grid{flex:1;display:grid;grid-template-columns:repeat(9,1fr);gap:0;overflow-y:auto;background-color:#ecf0f1;padding:10px;border-radius:8px;border:2px solid #3498db}.item-button{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;font-size:clamp(8px,3vw,24px)}.item-button.blue{background-color:gold}.item-button.purple{background-color:#9b59b6}.item-button.red{background-color:#e74c3c}.item-button.selected{border:2px solid yellow}.checkmark{position:absolute;top:2px;left:2px;font-size:12px;font-weight:700;color:#fff;background-color:green;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.result-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f0f0f0;color:#333}.result-page h2{font-size:48px;margin-bottom:30px;color:#2c3e50;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.result-page video{width:80%;max-width:1200px;border-radius:8px}