body{font-family:Roboto,sans-serif;background-color:#f0f0f0;color:#333;margin:0;padding:.5in;display:flex;justify-content:center;align-items:center;height:100vh;overflow-x:hidden;box-sizing:border-box}#app{text-align:center;width:100%;height:100%;position:relative;z-index:1;overflow-y:auto}section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;width:100%;overflow-y:auto}.controls-container{display:flex;justify-content:center;align-items:center;gap:10px;width:300px;margin-bottom:20px}.controls-container input,.controls-container select{padding:10px;font-size:1em;border:1px solid #ccc;border-radius:4px;width:30%}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding-bottom:20px}.header-image{max-width:43%;height:auto;margin-bottom:1em}.fancy-title{font-size:3em;font-weight:700;margin-bottom:1em;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.grid-item{box-shadow:0 4px 8px #0003;border-radius:8px;transition:transform .2s,box-shadow .2s;background:#fff;border:1px solid #ddd;padding:20px;width:150px;height:150px;text-align:center;text-decoration:none;color:#333;position:relative}.grid-item:hover{transform:scale(1.05);box-shadow:0 8px 16px #0000004d}.grid-item.disabled{pointer-events:none;opacity:.5}.grid-item:hover i{animation:wiggle .5s ease infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.grid-item i{color:#000;margin-bottom:10px;font-size:xxx-large}.grid-item p{margin:0;font-size:1.2em}.grid-item img.thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px}.public-cube,.private-cube{border:2px solid}.offline-cube{border:2px solid #999;background-color:#f0f0f0;pointer-events:none}button{font-size:1.2em;font-family:Roboto,sans-serif;padding:10px 20px;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .3s}button:hover{background:#0056b3}.controls{position:absolute;top:-3px;right:4px;width:auto;display:flex;flex-direction:column;align-items:flex-end}.controls i{font-size:1em;margin-bottom:5px}.controls .fa-globe{color:green}.controls .fa-shield-alt{color:#00f}.controls .fa-times-circle{color:red}.copy-url{background:none;border:none;cursor:pointer;color:#fff;position:absolute;top:90px;right:163px}.far{font-size:1em;color:#000}.filled{color:gold}.dark-mode-toggle{position:fixed;top:10px;right:10px;cursor:pointer;z-index:1000}.user-login-toggle{position:fixed;bottom:10px;right:10px;cursor:pointer;z-index:1000}.help-icon{position:fixed;top:10px;left:10px;cursor:pointer;z-index:1000}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.dark-mode{background-color:#333;color:#f0f0f0}.dark-mode .grid-item{background:#444;border:1px solid #555;color:#e3e3e3}.dark-mode .grid-item i{color:#e3e3e3}.dark-mode .fancy-title,.dark-mode .controls i,.dark-mode .copy-url{color:#f0f0f0}.dark-mode .filled{color:gold}.dark-mode .header-image{filter:invert(1)}.dark-mode .help-icon{color:#e3e3e3}.dark-mode .fas{color:#e3e3e3;line-height:2}.dark-mode button{background:#555;color:#f0f0f0}.dark-mode button:hover{background:#333}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;justify-content:center;align-items:center}.modal-content{background-color:#fefefe;padding:20px;border:1px solid #888;width:80%;max-width:400px;border-radius:10px;box-shadow:0 4px 8px #0003}.dark-mode .modal-content{background-color:#444;color:#e3e3e3;border:1px solid #555}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.thumbnail{position:absolute;top:0px;left:50%;transform:translate(-50%);width:200px;height:auto;border:0px solid #ccc;box-shadow:0 4px 8px #0000001a}.modal-content form{display:flex;flex-direction:column}.modal-content label{margin-bottom:5px;font-weight:700}.modal-content input{margin-bottom:10px;padding:10px;font-size:1em;border:1px solid #ccc;border-radius:4px}.dark-mode .modal-content input{background-color:#555;color:#e3e3e3;border:1px solid #777}.modal-content button{padding:10px;font-size:1em;border-radius:4px}.fas{font-size:1em;color:#000;line-height:2}.hover-bubble{position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;white-space:nowrap}