#team-quiz-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}#team-count-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.team-count-label{color:rgba(255,255,255,.7);font-size:20px}#team-count-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.team-count-btn{font-size:18px;font-weight:600;padding:8px 20px;border:2px solid rgba(255,217,61,.35);border-radius:50px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.6);cursor:pointer;transition:background .18s,color .18s,border-color .18s}.team-count-btn.team-count-active{background:rgba(255,217,61,.18);color:#ffd93d;border-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}#answer-input,#question-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}#answer-input:focus,#question-input:focus{border-color:#ffd93d;box-shadow:0 0 0 4px rgba(255,217,61,.14)}#answer-input::placeholder,#question-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)}#quiz-screen{display:none;flex-direction:column;align-items:center;width:100%;height:calc(100vh - var(--header-height));padding:14px 40px 20px;box-sizing:border-box;gap:8px;overflow:hidden}#score-bar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%;flex-shrink:0}.team-score{display:flex;flex-direction:column;align-items:center;gap:4px}.team-label{font-size:24px;font-weight:700}.score-input{width:130px;font-size:30px;font-weight:700;text-align:center;padding:6px 8px;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;outline:0;transition:border-color .2s;font-family:SchoolSafetyNotification,sans-serif;appearance:textfield;-moz-appearance:textfield}.score-input::-webkit-inner-spin-button,.score-input::-webkit-outer-spin-button{-webkit-appearance:none}.score-input:focus{border-color:#ffd93d}#top-bar{display:flex;align-items:center;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)}#board{display:grid;gap:8px;justify-content:center;align-content:center;flex:1;width:100%}.card{cursor:pointer;flex-shrink:0;perspective:600px}.card-inner{position:relative;width:100%;height:100%;border-radius:14px;display:flex;align-items:center;justify-content:center;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%);border:2px solid rgba(100,140,255,.35);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);transition:transform .15s,opacity .3s;font-family:SchoolSafetyNotification,sans-serif;font-weight:800;user-select:none}.card:not(.used):hover .card-inner{transform:scale(1.02) rotateY(6deg)}.card.used{pointer-events:none}.card.used .card-inner{opacity:0}.card-front{color:rgba(255,255,255,.8)}#question-screen{display:none;flex-direction:column;align-items:center;width:100%;height:calc(100vh - var(--header-height));padding:24px 40px;box-sizing:border-box;gap:16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}#question-top{position:relative;display:flex;justify-content:center;align-items:flex-start;width:100%;flex-shrink:0;gap:16px}.top-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:5px}#back-btn,#reveal-btn,#size-down,#size-up{font-size:20px;font-weight:700;padding:10px 24px;border:1px solid rgba(255,255,255,.25);border-radius:50px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.85);cursor:pointer;transition:transform .15s}#size-down,#size-up{font-size:18px;padding:8px 20px}#back-btn:hover,#reveal-btn:hover:not(:disabled),#size-down:hover,#size-up:hover{transform:scale(1.05)}#reveal-btn{background:linear-gradient(135deg,#ffd93d,#ff6b6b);border-color:transparent;box-shadow:0 4px 16px rgba(255,107,107,.35)}#reveal-btn:disabled{opacity:.35;cursor:default}#q-size-bar{position:absolute;right:0;top:0;display:flex;gap:6px}.key-hint{font-size:22px;color:rgba(255,255,255,.32);letter-spacing:1px}#question-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:90%}#question-text{font-family:SchoolSafetyNotification,sans-serif;font-size:90px;font-weight:700;color:#fff;text-align:center;line-height:1.55;word-break:keep-all}#answer-text{font-family:SchoolSafetyNotification,sans-serif;font-size:90px;font-weight:700;color:#ffd93d;text-align:center;line-height:1.5;word-break:break-all;display:none}#score-cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:4px 0 16px;flex-shrink:0;min-height:160px;align-items:center}.score-card{width:100px;height:140px;perspective:700px;cursor:pointer;user-select:none;flex-shrink:0;opacity:0;transform:translateY(36px) scale(.82);transition:opacity .35s cubic-bezier(.34, 1.56, .64, 1),transform .35s cubic-bezier(.34, 1.56, .64, 1)}.score-card.card-visible{opacity:1;transform:translateY(0) scale(1)}.score-card.card-flipped{cursor:default;pointer-events:none}.score-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34, 1.56, .64, 1);border-radius:14px}.score-card.card-flipped .score-card-inner{transform:rotateY(180deg)}.score-card-face,.score-card-val{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;color:#fff;text-align:center;line-height:1.3}.score-card-face{background:var(--face-bg,linear-gradient(135deg,#e74c3c,#c0392b));border:2px solid rgba(255,255,255,.3);box-shadow:0 6px 20px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2);font-size:40px;font-weight:900}.score-card:not(.card-flipped):hover .score-card-face{box-shadow:0 12px 30px rgba(0,0,0,.6);transform:translateY(-4px) scale(1.04);transition:transform .18s,box-shadow .18s}.score-card-val{transform:rotateY(180deg);font-size:20px;white-space:pre;box-shadow:0 6px 20px rgba(0,0,0,.4)}.score-100{background:linear-gradient(135deg,#27ae60,#2ecc71)}.score-70{background:linear-gradient(135deg,#2980b9,#3498db)}.score-50{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.score-30{background:linear-gradient(135deg,#e67e22,#f39c12)}.score-20{background:linear-gradient(135deg,#16a085,#1abc9c)}.score-neg{background:linear-gradient(135deg,#636e72,#95a5a6)}.score-200{background:linear-gradient(135deg,#c0392b,#e74c3c)}.score-swap{background:linear-gradient(135deg,#16213e,#0f3460);border:2px solid #ffd93d}#score-result{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:200}.result-text{font-family:SchoolSafetyNotification,sans-serif;font-size:96px;font-weight:900;color:#fff;text-align:center;line-height:1.2;white-space:pre;animation:1.5s forwards result-pop}@keyframes result-pop{0%{transform:scale(.2) rotate(-8deg);opacity:0}18%{transform:scale(1.3) rotate(3deg);opacity:1}40%,78%{transform:scale(1) rotate(0);opacity:1}100%{transform:rotate(0);opacity:1}}@media screen and (max-width:480px){#quiz-screen{padding:10px 12px 12px}.score-input{width:68px;font-size:18px}.team-label{font-size:12px}#answer-text,#question-text{font-size:40px}.score-card{width:80px;height:112px}.score-card-face{font-size:24px}.score-card-val{font-size:16px}.result-text{font-size:64px}}