#card-flip-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{min-width:100px;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}#pair-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:2px;transition:border-color .2s,box-shadow .2s;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}#pair-input:focus,#word-input:focus{border-color:#ffd93d;box-shadow:0 0 0 4px rgba(255,217,61,.14)}#pair-input::placeholder,#word-input::placeholder{font-size:22px;letter-spacing:1px;color:rgba(255,255,255,.25)}#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:100%;height:calc(100vh - var(--header-height));padding:30px 60px;box-sizing:border-box;gap:8px;overflow:hidden}#top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;flex-shrink:0}#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}#size-down,#size-up{font-size:18px;font-weight:700;padding:4px 16px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);cursor:pointer;transition:background .15s}#size-down:hover,#size-up:hover{background:rgba(255,255,255,.18)}#board{display:grid;gap:8px;justify-content:center;align-content:center;flex:1;width:100%}.card{perspective:800px;cursor:pointer;flex-shrink:0}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.34, 1.56, .64, 1)}.card-inner.flipped{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;border-radius:14px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-family:SchoolSafetyNotification,sans-serif;font-weight:800;user-select:none;word-break:break-all;overflow-wrap:break-word;text-align:center;padding:6px;line-height:1.25}.card-front{background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(255,255,255,.03) 18px,rgba(255,255,255,.03) 36px),linear-gradient(160deg,#1c2d6b 0,#0f1d4a 55%,#0a1230 100%);color:rgba(255,255,255,.75);border:2px solid rgba(100,140,255,.35);border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.3);overflow:hidden}.card-front::before{content:'';position:absolute;inset:6px;border-radius:9px;border:1px solid rgba(100,160,255,.2);pointer-events:none}.card-front::after{content:'';position:absolute;top:-40%;left:-30%;width:60%;height:80%;background:linear-gradient(135deg,rgba(255,255,255,.07) 0,transparent 60%);border-radius:50%;pointer-events:none}.card-back{transform:rotateY(180deg);color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.45);box-shadow:0 4px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.2)}.card:not(.matched):hover .card-inner:not(.flipped){transform:scale(1.02) rotateY(6deg)}@keyframes vanish{0%{transform:scale(1);opacity:1}30%{transform:scale(1.05);opacity:.7}60%{transform:scale(.93);opacity:.5}100%{transform:scale(.3);opacity:0}}.card.matched{animation:.2s cubic-bezier(.17,.67,.97,1.4) forwards vanish;pointer-events:none}#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:22px;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)}