#word-grid-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}#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}.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{color:rgba(255,255,255,.55);font-size:20px;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{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent;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}#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:1px;color:rgba(255,255,255,.25)}#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}#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)}#quiz-screen{display:none;flex-direction:column;align-items:center;width:100%;max-width:880px;height:100%;padding:12px 16px}#top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}#match-display{color:rgba(255,255,255,.75);font-weight:600;font-size:20px}#top-right{display:flex;align-items:center;gap:8px}#hint-btn{display:none;background:rgba(255,217,61,.1);border:1px solid rgba(255,217,61,.35);color:#ffd93d;font-size:18px;padding:6px 14px;border-radius:20px;cursor:pointer;transition:background .2s}#hint-btn:hover{background:rgba(255,217,61,.22)}#quiz-screen.quiz-mode #hint-btn{display:block}#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)}#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{display:flex;flex-direction:column;align-items:center;width:100%;transform-origin:top center}#selected-display{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;align-items:center;width:100%;height:76px;overflow:hidden;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:6px}.sel-chip{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;font-weight:800;font-size:1.5rem;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2);animation:.18s cubic-bezier(.34,1.56,.64,1) wgChipIn}@keyframes wgChipIn{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}#delete-btn{display:block;margin:6px auto 10px;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.2rem;cursor:pointer;transition:background .15s,color .15s;line-height:1}#delete-btn:hover{background:rgba(231,76,60,.35);border-color:rgba(231,76,60,.6);color:#fff}#delete-btn:active{transform:scale(.93)}#grid-area{padding-top:10px;width:100%;display:flex;align-items:flex-start;justify-content:center;overflow:visible}#grid-inner{position:relative}.cell{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;color:#fff;text-shadow:2px 2px 1px #000;cursor:pointer;user-select:none;transition:top .15s cubic-bezier(.17,.67,1,1.31),filter .12s;box-shadow:0 5px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.2)}.cell:hover{filter:brightness(1.18);z-index:5}.cell.selected{outline:#fff solid 3px;outline-offset:-3px;filter:brightness(1.3);z-index:6}.cell.wrong{animation:.45s wgCellWrong}@keyframes wgCellWrong{0%,100%{transform:translateX(0) scale(1)}20%,60%{transform:translateX(-7px) scale(1.03)}40%,80%{transform:translateX(7px) scale(1.03)}}.cell.vanish{animation:.1s cubic-bezier(.55,0,1,.45) forwards wgCellVanish;pointer-events:none}@keyframes wgCellVanish{0%{transform:scale(1);opacity:1}15%{transform:scale(1.15);opacity:1}100%{transform:scale(0);opacity:0}}#hints-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;align-items:center;justify-content:center;backdrop-filter:blur(2px)}#hints-overlay.show{display:flex}#hints-panel{width:90vw;max-height:calc(100vh - var(--header-height) - 40px);background:linear-gradient(160deg,#1e1e3a,#12172b);border:1px solid rgba(255,217,61,.28);border-radius:18px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.65);animation:.22s cubic-bezier(.34,1.56,.64,1) wgHintsPop}@keyframes wgHintsPop{from{transform:translateX(16px) scale(.94);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}#hints-header{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}#q-size-btns{display:flex;gap:6px}#q-size-down,#q-size-up{font-size:16px;font-weight:600;padding:4px 12px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);cursor:pointer;transition:background .15s}#q-size-down:hover,#q-size-up:hover{background:rgba(255,255,255,.16)}#hints-title{flex:1;color:rgba(255,255,255,.65);font-size:24px;font-weight:700;letter-spacing:1px}#hints-close{background:0 0;border:none;color:rgba(255,255,255,.45);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px;transition:color .15s,background .15s}#hints-close:hover{color:#fff;background:rgba(255,255,255,.1)}#q-list{flex:1;overflow-y:auto;padding:10px 12px 14px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.18) transparent}#q-list::-webkit-scrollbar{width:3px}#q-list::-webkit-scrollbar-track{background:0 0}#q-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:2px}.q-item{display:flex;gap:7px;align-items:flex-start;padding:8px 10px;background:rgba(255,255,255,.05);border-radius:8px;transition:opacity .35s,transform .35s}.q-item.q-matched{opacity:0;transform:scale(.85);pointer-events:none}.q-num{color:rgba(255,255,255,.32);font-size:12px;flex-shrink:0;min-width:18px;padding-top:2px}.q-text{color:rgba(255,255,255,.82);font-size:60px;line-height:1.4;word-break:keep-all}#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) wgCardPop}@keyframes wgCardPop{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.06)}#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)}