body{font-family:Roboto Condensed,serif;background-color:#000;display:flex;justify-content:flex-end;align-items:center;height:100vh;margin:0;padding:0;overflow:hidden}canvas{display:block;max-width:100%;max-height:100%}h2{font-family:Audiowide,sans-serif;color:#fff;font-size:24px}#intention-container{position:absolute;bottom:15px;left:15px;display:flex;flex-direction:column;align-items:center;padding:15px;margin:10px;background-color:#000c;border:1px solid white;border-radius:10px;color:#fff;z-index:10}#intention-text{width:100%;height:80px;margin-bottom:10px;padding:10px;border:2px solid white;border-radius:5px;background-color:#000;color:#fff;font-family:Roboto Condensed,serif;font-size:14px;resize:none}#submit-intention{padding:10px 20px;font-size:16px;cursor:pointer;border:2px solid #fff;background:rgba(0,0,0,.7);color:#fff;border-radius:5px;transition:.3s ease;font-family:Audiowide,sans-serif}#submit-intention:hover{background:rgba(255,255,255,.2);color:#000}#intention-container{position:absolute;bottom:15px;left:15px;display:flex;flex-direction:column;align-items:center;padding:15px;margin:10px;background-color:#000c;border:1px solid white;border-radius:10px;color:#fff;z-index:10;width:300px}#intention-text{width:82%;height:80px;margin-bottom:10px;padding:10px;border:2px solid white;border-radius:5px;background-color:#000;color:#fff;font-family:Roboto Condensed,serif;font-size:14px;resize:none}#deck-controls{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px}#shuffle-deck,#clear-deck,#submit-intention{padding:10px 20px;font-size:16px;cursor:pointer;border:2px solid #fff;background:rgba(0,0,0,.7);color:#fff;border-radius:5px;transition:.3s ease;font-family:Audiowide,sans-serif;width:90%}#shuffle-deck:hover,#clear-deck:hover,#submit-intention:hover{background:rgba(255,255,255,.2);color:#000}#intention-confirmation{margin-top:10px;font-size:14px;color:#90ee90}#shuffle-deck,#clear-deck{padding:10px 20px;font-size:16px;cursor:pointer;border:2px solid #fff;background:rgba(0,0,0,.7);color:#fff;border-radius:5px;transition:.3s ease;font-family:Audiowide,sans-serif}#shuffle-deck:hover,#clear-deck:hover{background:rgba(255,255,255,.2);color:#000}#buttons-container{position:absolute;top:15px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}button{padding:10px 20px;font-size:16px;cursor:pointer;border:2px solid #fff;background:rgba(0,0,0,.7);color:#fff;border-radius:5px;transition:.3s ease;font-family:Audiowide,sans-serif}button:hover{background:rgba(255,255,255,.2);color:#000}button:active{transform:scale(.95)}#story-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:15px;width:400px;height:500px;overflow-y:auto;background-color:#000c;color:#fff;border:1px solid white;border-radius:10px;visibility:hidden;z-index:1000;margin-right:20px}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;color:#fff;font-size:18px;font-weight:700}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#tooltip{position:absolute;background-color:#000000b3;color:#fff;padding:10px;border-radius:5px;display:none;z-index:1000;pointer-events:none}@media (max-width: 1024px){#buttons-container{flex-direction:row;gap:10px}button{padding:6px 12px;font-size:14px}#story-container{width:350px;height:450px}}@media (max-width: 768px){#mobile-message{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;color:#fff;font-size:20px;font-weight:700;z-index:1000}#intention-container,#deck-controls{width:90%}#intention-text{width:100%}}