*{box-sizing:border-box}:root{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#e8e0f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{font-family:inherit}.scenario-item,.audio-button,.home-icon-button,.dice-button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.scenario-player{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#e8e0f0,#d5c8e8);padding:1rem}.scenario-header{display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.home-icon-button{position:absolute;left:1rem;background:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;color:#7c5cbf}.home-icon-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.scenario-title{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:2rem;font-weight:700;color:#4caf50;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.dice-button{position:absolute;right:1rem;background:#ff9800;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .2s,box-shadow .2s;color:#fff}.dice-button:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 4px 12px #00000040}.question-section{display:flex;justify-content:center;padding:2rem 1rem;flex-grow:.3;align-items:flex-start;padding-top:15vh}.question-container{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem 2rem;border-radius:50px;box-shadow:0 4px 16px #0000001a}.question-text{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:1.5rem;color:#333;font-weight:500}.audio-button{background:#ffc107;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .2s,box-shadow .2s;color:#fff}.audio-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.audio-button:active{transform:scale(.95)}.items-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem 1rem;max-width:1200px;margin:0 auto}.scenario-item{background:#fff;border-radius:20px;padding:.75rem;box-shadow:0 4px 16px #0000001a;transition:transform .2s,box-shadow .2s,border-color .3s;border:4px solid transparent;position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.scenario-item.clickable{cursor:pointer}.scenario-item.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.scenario-item.success{border-color:#4caf50;animation:successShake .6s ease-in-out}.scenario-item.error{border-color:#f44336;animation:errorShake .4s ease-in-out}@keyframes successShake{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.05)}50%{transform:translateY(-10px) scale(1.1)}75%{transform:translateY(-15px) scale(1.05)}}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.item-media-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.item-media{max-width:100%;max-height:100%;object-fit:contain}.hotkey-hint{position:absolute;bottom:8px;right:8px;background:#7c5cbfe6;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:8px;font-family:monospace}.scenario-footer{text-align:center;padding:1rem;margin-top:auto}.footer-text{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;color:#666;font-size:.9rem}.scenario-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#e8e0f0,#d5c8e8)}.loading-content{text-align:center}.loading-text{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:1.5rem;color:#7c5cbf;margin-bottom:1.5rem}.progress-bar-container{width:300px;height:24px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#7c5cbf,#9b7fd1);border-radius:12px;transition:width .3s ease-out}.progress-text{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;color:#666;font-size:.9rem}.scenario-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#e8e0f0,#d5c8e8);gap:1.5rem}.error-text{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:1.5rem;color:#f44336}.home-button{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:1rem;padding:.75rem 2rem;background:#7c5cbf;color:#fff;border:none;border-radius:25px;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .2s,box-shadow .2s}.home-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000040}@media(max-width:768px){.scenario-title{font-size:1.5rem}.question-text{font-size:1.25rem}.question-container{padding:.75rem 1.5rem}.question-section{padding-top:10vh}.scenario-item{width:140px;height:140px;padding:.55rem}.items-grid{gap:1rem}.home-icon-button,.dice-button,.audio-button{width:40px;height:40px}}@media(max-width:480px){.scenario-title{font-size:1.25rem}.question-text{font-size:1rem}.scenario-item{width:120px;height:120px;padding:.35rem;border-radius:16px}.question-container{flex-direction:column;border-radius:20px;padding:1rem}}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#e8e0f0,#d5c8e8);gap:1.5rem}.app-loading p{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:1.25rem;color:#7c5cbf}.loading-spinner{width:48px;height:48px;border:4px solid #d5c8e8;border-top-color:#7c5cbf;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#e8e0f0,#d5c8e8)}.error-content{text-align:center;background:#fff;padding:2rem 3rem;border-radius:20px;box-shadow:0 4px 16px #0000001a}.error-content h1{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:2rem;color:#f44336;margin:0 0 1rem}.error-content p{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;color:#666;margin:0 0 1.5rem}.error-content button{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:1rem;padding:.75rem 2rem;background:#7c5cbf;color:#fff;border:none;border-radius:25px;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .2s,box-shadow .2s}.error-content button:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000040}