@import "https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Chewy&display=swap";input,button,select,textarea,input::placeholder{font-family:inherit}html,body{background-color:#ffd22e;background-image:repeating-linear-gradient(45deg,#fff0 0 20px,#ffffff26 20px 40px);width:100%;margin:0;padding:0}.game-layout{background-color:#fff;flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;font-family:Kaisei Decol,serif;display:flex;position:relative;box-shadow:0 0 15px #e6c6001a}.game-content{flex-direction:column;flex:1;align-items:center;padding:20px;display:flex}.intro-container,.outro-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.intro-section-title{color:#3d2416;letter-spacing:3px;margin:15px 0;font-size:18px;font-weight:700;position:relative}.title-first{color:#ffad1f;font-size:24px;font-weight:700}.intro-container .story-text{color:#4a3225;text-align:center;letter-spacing:.5px;margin-bottom:40px;font-size:13.5px;line-height:1.8}.text-highlight{color:#c44545;font-weight:700}.intro-ribbon{color:#f7d242;letter-spacing:2px;clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%);background-color:#3d2416;margin:20px 0 40px;padding:6px 40px;font-size:13px;font-weight:700;display:inline-block}.game-main-title{color:#ffe211;letter-spacing:3px;text-align:center;text-shadow:-1.5px -1.5px #fff,1.5px -1.5px #fff,-1.5px 1.5px #fff,1.5px 1.5px #fff,0 -1.5px #fff,0 1.5px #fff,-1.5px 0 #fff,1.5px 0 #fff,-3px -3px #3d2416,3px -3px #3d2416,-3px 3px #3d2416,3px 3px #3d2416,0 -3px #3d2416,0 3px #3d2416,-3px 0 #3d2416,3px 0 #3d2416;margin-bottom:10px;font-family:Chewy,system-ui;font-size:32px;line-height:1.1}.game-subtitle{color:#666;margin-bottom:30px;font-size:14px}.story-box{box-sizing:border-box;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;width:100%;margin-bottom:40px;padding:10px}.story-text{color:#444;text-align:left;margin-bottom:15px;font-size:14px;line-height:1.6}.letter-preview{background-color:#fffdf0;border-left:4px solid #ebd875;border-radius:0 4px 4px 0;margin:15px 0;padding:12px}.letter-text{color:#555;text-align:left;margin:0;font-size:13px;font-style:italic;line-height:1.5}.clear-badge{color:#4a7c59;margin-bottom:10px;font-size:28px;font-weight:700}.outro-title{margin-bottom:25px;font-size:18px}.outro-actions{flex-direction:column;gap:12px;width:100%;display:flex}.start-button,.share-button,.reset-button{cursor:pointer;border:none;border-radius:6px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:background .2s}.start-button{color:#fff;background-color:#471e11}.start-button:hover{background-color:#613922}.share-button{color:#fff;background-color:#1da1f2}.share-button:hover{background-color:#0d8bd9}.reset-button{color:#333;background-color:#e0e0e0}.reset-button:hover{background-color:#d0d0d0}.copyright-notice{color:#454545;text-align:center;opacity:.8;margin-top:25px;padding:0 15px;font-size:11px;line-height:1.5}.story-mode-container{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f0f0f0;background-image:url(/riddleeeee/assets/bg.png);background-position:50%;background-size:cover;flex-direction:column;width:100%;height:100%;min-height:400px;display:flex;position:relative;overflow:hidden}.story-character-stage{z-index:1;justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:0;display:flex;position:absolute;bottom:0;left:0}.story-character-image{object-fit:contain;object-position:bottom;width:380px;height:380px;display:block}.message-window{box-sizing:border-box;z-index:10;background-color:#000000bf;border:2px solid #deff9a;border-radius:8px;width:calc(100% - 20px);height:120px;margin:0;padding:20px;position:absolute;bottom:10px;left:10px}.message-speaker-tag{color:#fff;border-radius:4px;padding:2px 15px;font-size:14px;font-weight:700;position:absolute;top:-15px;left:20px}.message-speaker-tag.mano{color:#333;background-color:#ffbad3}.message-speaker-tag.hiori{color:#fff;background-color:#144384}.message-speaker-tag.meguru{color:#333;background-color:#ffe211}.message-text{color:#fff;text-align:left;font-size:16px;line-height:1.6}.next-cursor{color:#deff9a;margin-left:10px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.story-skip-button{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#333;cursor:pointer;letter-spacing:1px;background-color:#fff3;border:1px solid #d4a70066;border-radius:15px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;position:absolute;top:15px;right:15px}.story-skip-button:hover{background-color:#ffe211;border-color:#d4a700;transform:scale(1.05);box-shadow:0 0 10px #ffe21199}.question-container{flex-direction:column;align-items:center;width:100%;padding-top:10px;display:flex}.stage-indicator{align-items:center;gap:15px;margin-bottom:35px;display:flex}.stage-num{color:#fff;background-color:#333;border-radius:2px;padding:4px 10px;font-size:14px;font-weight:700}.stage-title{color:#333;letter-spacing:.5px;font-size:18px;font-weight:700}.image-wrapper{justify-content:center;width:100%;max-width:360px;margin-bottom:10px;display:flex}.quiz-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:300px;display:block}.title-image{object-fit:contain;width:auto;max-width:80%;height:auto;display:block}.answer-boxes-container{justify-content:center;gap:10px;width:100%;margin:20px 0;display:flex}.char-box{color:#333;background-color:#fff;border:2px solid #ccc;border-radius:4px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:700;transition:all .2s;display:flex}.char-box.has-letter{background-color:#f9f9f9;border-color:#333}.char-box.is-invalid{color:#d9534f;background-color:#fff5f5;border-color:#d9534f}.answer-form{box-sizing:border-box;border:1px solid #ccc;width:100%;max-width:300px;height:40px;margin-bottom:15px;display:flex}.answer-input{color:#333;background-color:#fff;border:none;outline:none;flex:1;min-width:0;padding:0 12px;font-size:16px}.answer-input::placeholder{color:#bbb;font-size:14px}.submit-button{color:#fff;cursor:pointer;background-color:#333;border:none;flex-shrink:0;justify-content:center;align-items:center;width:65px;font-size:13px;font-weight:700;transition:background-color .2s;display:flex}.submit-button:hover{background-color:#555}.error-message{color:#d9534f;margin:0 0 20px;font-size:17px;font-weight:700}.hint-section{flex-direction:column;align-items:center;width:100%;max-width:300px;margin-top:30px;display:flex}.hint-trigger-button{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:20px;width:100%;padding:10px 20px;font-size:14px;font-weight:700;transition:background-color .2s}.hint-trigger-button:hover{background-color:#555}.hint-max-notice{color:#888;margin:0;font-size:13px}.hints-display-container{-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;width:100%;margin-top:15px;display:flex}.hint-character-chat{box-sizing:border-box;background-color:#fcfcfc;border:1px solid #eef0f2;border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:12px;display:flex;box-shadow:0 4px 6px #00000005}.hint-avatar-wrapper{background-color:#f0f0f0;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:50px;height:50px;overflow:hidden;box-shadow:0 2px 6px #00000014}.hint-avatar{object-fit:cover;width:100%;height:100%}.hint-speech-bubble{text-align:left;flex-grow:1}.hint-speaker-name{border-radius:10px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.hint-character-chat.mano .hint-avatar-wrapper{background-color:#ffbad3}.hint-character-chat.hiori .hint-avatar-wrapper{background-color:#144384}.hint-character-chat.meguru .hint-avatar-wrapper{background-color:#ffe211}.hint-character-chat.mano .hint-speaker-name{color:#333;background-color:#ffbad3}.hint-character-chat.hiori .hint-speaker-name{color:#fff;background-color:#144384}.hint-character-chat.meguru .hint-speaker-name{color:#333;background-color:#ffe211}.hint-text{color:#333;margin:0;font-size:14px;line-height:1.4}.progress-bar{border-top:1px solid #e0e0e0;width:100%;display:flex}.progress-tab{text-align:center;color:#aaa;background-color:#f5f5f5;flex:1;padding:10px 0;font-size:12px}.progress-tab.active{color:#fff;background-color:#4a7c59}.progress-tab.cleared{color:#777;background-color:#e8eae6}.loading-container{background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-star{color:#ffe414;text-shadow:0 0 10px #c59b0099;margin-bottom:15px;font-size:40px;animation:1.2s linear infinite spinStar}.loading-text{color:#a88300;letter-spacing:3px;font-size:16px;font-weight:700}@keyframes spinStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;pointer-events:none;background-color:#fff6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.success-badge{text-align:center;background-color:#ffe211;border:6px solid #3d2416;border-radius:30px;padding:20px 40px;box-shadow:0 10px #d4a700,0 15px 25px #0003}.success-stars{letter-spacing:5px;margin-bottom:5px;font-size:32px;animation:.6s ease-in-out infinite alternate celebrateStars}.success-text{color:#3d2416;text-shadow:2px 2px #fff;letter-spacing:2px;font-size:42px;line-height:1}@keyframes celebrateStars{0%{transform:scale(.9)translateY(0)}to{transform:scale(1.1)translateY(-5px)}}