#scramble-main{width:100%;height:calc(100vh - var(--header-height));background:linear-gradient(135deg,#1a1a2e 0,#16213e 50%,#0f3460 100%);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}body{overflow:hidden}#input-screen{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;text-align:center;width:min(800px,96vw);min-height:480px;margin:auto}.subtitle{color:rgba(255,255,255,.55);font-size:20px}.notice{color:rgba(255,255,255,.55);font-size:20px;word-break:keep-all}.zoom-hint{font-size:18px;color:rgba(255,255,255,.38);margin:0}#mode-wrap{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.mode-label{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.8);font-size:20px;cursor:pointer}.mode-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#ffd93d}#tab-wrap{display:flex;gap:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,217,61,.35)}.tab{flex:1;font-size:20px;font-weight:600;padding:10px 28px;border:none;background:rgba(255,255,255,.06);color:rgba(255,255,255,.45);cursor:pointer;transition:background .18s,color .18s}.tab.tab-active{background:rgba(255,217,61,.18);color:#ffd93d}.tab:disabled{cursor:default;opacity:.4}#word-input-wrap{position:relative;width:100%}#word-count{position:absolute;top:15px;left:20px;font-size:20px;color:#f8e111;pointer-events:none}#question-input,#word-input{width:100%;min-height:30vh;font-size:22px;line-height:1.4;text-align:center;padding:14px 20px;border:2px solid rgba(255,217,61,.45);border-radius:16px;background:rgba(255,255,255,.07);color:#fff;outline:0;resize:none;letter-spacing:3px;transition:border-color .2s,box-shadow .2s;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}#question-input:focus,#word-input:focus{border-color:#ffd93d;box-shadow:0 0 0 4px rgba(255,217,61,.14)}#question-input::placeholder,#word-input::placeholder{font-size:22px;letter-spacing:2px;color:rgba(255,255,255,.25)}#question-input::-webkit-scrollbar,#word-input::-webkit-scrollbar{width:4px}#question-input::-webkit-scrollbar-track,#word-input::-webkit-scrollbar-track{background:0 0}#question-input::-webkit-scrollbar-thumb,#word-input::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}#start-btn{font-size:1.25rem;font-weight:700;padding:14px 52px;border:none;border-radius:50px;background:linear-gradient(135deg,#ffd93d,#ff6b6b);color:#fff;cursor:pointer;box-shadow:0 6px 24px rgba(255,107,107,.4);transition:transform .15s}#start-btn:hover{transform:translateY(-2px) scale(1.04)}#start-btn:active{transform:scale(.97)}#banner-ad{width:100%;min-height:300px;background:rgba(255,255,255,.07);border:1px dashed rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:.85rem}#quiz-screen{display:none;flex-direction:column;align-items:center;width:95vw;max-width:1600px;height:100%;padding:12px 16px}#top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}#progress{color:rgba(255,255,255,.75);font-weight:600;font-size:30px;min-width:60px}#restart-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);font-size:20px;padding:6px 16px;border-radius:20px;cursor:pointer;transition:background .2s}#restart-btn:hover{background:rgba(255,255,255,.16)}#hearts{font-size:30px;font-weight:700;color:#ff4757;min-width:60px;text-align:right}#size-bar{display:flex;gap:8px;margin-bottom:6px}#zoom-in,#zoom-out{width:40px;height:40px;font-size:24px;font-weight:700;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}#zoom-in:hover,#zoom-out:hover{background:rgba(255,255,255,.18)}#zoom-wrap{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;transform-origin:top center}#quiz-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:20px;padding-bottom:16px}#slot-display{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.slot-box{display:flex;align-items:center;justify-content:center;border-radius:14px;font-family:SchoolSafetyNotification,sans-serif;font-weight:800;color:#fff;text-shadow:2px 2px 1px rgba(0,0,0,.5);user-select:none;border:3px dashed rgba(255,255,255,.25);background:rgba(255,255,255,.04);transition:background .2s,border-color .2s}.slot-box.filled{border:none;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.2)}.slot-box.filled:hover{filter:brightness(1.2)}.slot-box.filled:active{transform:scale(.93)}#question{display:none;font-size:26px;font-weight:600;color:rgba(255,255,255,.85);text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 28px;max-width:90%;margin:0}#question.visible{display:block}#delete-btn{padding:6px 20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:20px;color:rgba(255,255,255,.6);font-size:1.1rem;cursor:pointer;transition:background .15s,color .15s}#delete-btn:hover{background:rgba(231,76,60,.3);border-color:rgba(231,76,60,.55);color:#fff}#tile-display{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.tile-btn{display:flex;align-items:center;justify-content:center;border-radius:14px;font-family:SchoolSafetyNotification,sans-serif;font-weight:800;color:#fff;text-shadow:2px 2px 1px rgba(0,0,0,.5);border:none;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.2);transition:transform .12s,filter .12s;user-select:none}.tile-btn:hover:not(.used){transform:scale(1.05);filter:brightness(1.2)}.tile-btn:active:not(.used){transform:scale(.93)}.tile-btn.used{opacity:0;pointer-events:none}@keyframes shake{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-7deg)}40%,80%{transform:rotate(7deg)}}.slot-box.shake{animation:.45s shake;transform-origin:center center}@keyframes pop{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.slot-box.pop{animation:.35s cubic-bezier(.34,1.56,.64,1) pop}#result-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);align-items:center;justify-content:center;z-index:300;backdrop-filter:blur(4px)}#result-overlay.show{display:flex}.result-card{background:linear-gradient(160deg,#1e1e3a,#12172b);border:2px solid #ffd93d;border-radius:24px;padding:44px 58px;text-align:center;color:#fff;box-shadow:0 24px 64px rgba(0,0,0,.6);animation:.3s cubic-bezier(.34,1.56,.64,1) card-pop}@keyframes card-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.result-emoji{font-size:3.5rem;margin-bottom:10px}.result-card h2{font-size:35px;margin-bottom:10px;color:#ffd93d}.result-card p{color:rgba(255,255,255,.65);font-size:24px;margin-bottom:28px}.result-btns{display:flex;gap:12px;justify-content:center}.result-btns button{font-size:24px;font-weight:700;padding:12px 28px;border:none;border-radius:50px;cursor:pointer;transition:transform .15s}.result-btns button:hover{transform:scale(1.02)}#btn-again{background:linear-gradient(135deg,#ffd93d,#ff6b6b);color:#fff;box-shadow:0 6px 18px rgba(255,107,107,.35)}#btn-new{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.25)}