:root{color:#18212f;background:#f5f7fb;font-family:Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file-button{align-items:center;background:#fff;border:1px solid #d6deea;border-radius:8px;color:#273247;cursor:pointer;display:inline-flex;gap:8px;min-height:40px;padding:9px 13px}button:hover,.file-button:hover{border-color:#8ca3c4}button:disabled{cursor:not-allowed;opacity:.5}.primary,button.primary{background:#1967d2;border-color:#1967d2;color:#fff}.app-shell{min-height:100vh}.top-nav{align-items:center;background:#fff;border-bottom:1px solid #dce3ee;display:flex;justify-content:space-between;gap:20px;padding:18px clamp(18px,4vw,48px)}.top-nav h1{font-size:clamp(20px,2.4vw,30px);margin:4px 0 0}.eyebrow{color:#6b7586;font-size:12px;font-weight:700;letter-spacing:0;margin:0;text-transform:uppercase}.nav-actions{display:flex;flex-wrap:wrap;gap:8px}.nav-actions .active{background:#e8f0fe;border-color:#1967d2;color:#174ea6}.login-page{background:linear-gradient(90deg,rgba(196,174,122,.14) 1px,transparent 1px),linear-gradient(rgba(196,174,122,.14) 1px,transparent 1px),#fff8df;background-size:78px 78px;display:grid;min-height:calc(100vh - 88px);place-items:center;padding:24px}.login-scene{color:#8e3d18;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1fr) minmax(220px,.8fr);grid-template-rows:auto auto;min-height:min(640px,calc(100vh - 136px));max-width:1120px;overflow:hidden;position:relative;width:100%}.login-goals{color:#b9a66d;display:grid;font-size:clamp(16px,2vw,22px);font-weight:900;gap:4px;grid-column:1 / 2;justify-self:start;line-height:1.35;padding:54px 0 0 56px;position:relative;z-index:2}.title-cloud{align-self:start;background:#fff;border-radius:48% 52% 44% 56%/58% 52% 48% 42%;display:grid;grid-column:2 / 4;justify-items:center;min-height:230px;padding:62px 58px 46px;place-self:center;position:relative;text-align:center;width:min(520px,100%);z-index:2}.title-cloud:before,.title-cloud:after{background:#fff;border-radius:50%;content:"";position:absolute;z-index:-1}.title-cloud:before{height:136px;left:-60px;top:42px;width:176px}.title-cloud:after{height:128px;right:-36px;top:-20px;width:188px}.title-cloud p{color:#b9a66d;font-size:13px;font-weight:900;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.title-cloud h2{color:#8e3d18;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1;margin:0}.login-panel,.panel,.game-panel,.leaderboard{background:#fff;border:1px solid #dce3ee;border-radius:8px}.login-panel{display:grid;gap:16px;max-width:420px;padding:28px;width:100%}.login-scene .login-panel{align-self:end;background:#fffdf6eb;border:2px solid #e8d8ad;box-shadow:0 14px 32px #7e4b251f;grid-column:2 / 3;grid-row:2;justify-self:center;margin:10px 0 36px;position:relative;z-index:4}.login-scene .login-panel h2{color:#8e3d18;font-size:28px;margin:0;text-align:center}.login-scene .login-panel label{color:#9b7f50}.login-scene .login-panel input{border-color:#e3cfa0;color:#5a321f}.login-scene .login-panel input:focus{border-color:#b98258;outline:3px solid rgba(185,130,88,.18)}.login-scene .login-panel .primary{background:#8e3d18;border-color:#8e3d18;justify-content:center}.login-scene .login-panel .hint{color:#9b7f50;font-weight:700;text-align:center}.cat-doodle,.pup,.dog-bowl,.doodle-arrow,.doodle-star{position:absolute;z-index:1}.cat-doodle{border:4px solid #bd835e;border-radius:48% 52% 46% 54%;height:92px;width:132px}.cat-doodle:before,.cat-doodle:after{border-left:4px solid #bd835e;border-top:4px solid #bd835e;content:"";height:32px;position:absolute;top:-16px;width:32px}.cat-doodle:before{left:18px;transform:rotate(20deg)}.cat-doodle:after{right:18px;transform:rotate(70deg)}.cat-doodle span:before{content:"• ᴥ •";color:#bd835e;font-size:28px;left:34px;position:absolute;top:34px}.cat-top{right:28px;top:38px;transform:rotate(4deg)}.cat-left{left:0;top:250px;transform:rotate(-5deg)}.pup{background:#fffdf7;border-radius:48% 52% 44% 56%}.pup-main{bottom:28px;height:210px;left:178px;width:220px}.pup-main:before,.pup-main:after,.pup-small:before,.pup-small:after{content:"";position:absolute}.pup-main:before{background:#9d7b68;border-radius:54% 46% 50% 50%;height:86px;left:42px;top:4px;transform:rotate(12deg);width:72px}.pup-main:after{background:#806552;border-radius:42% 58% 50% 50%;height:92px;right:34px;top:12px;transform:rotate(-12deg);width:76px}.pup-main span:before{background:#fff;border-radius:48%;box-shadow:0 -32px 0 12px #f7f3ea;content:"";height:78px;left:82px;position:absolute;top:74px;width:84px}.pup-main span:after{color:#18120d;content:"•  Y  •";font-size:26px;left:78px;position:absolute;top:70px}.pup-small{height:82px;left:520px;top:46px;width:112px}.pup-small:before{background:#d99b86;border-radius:42% 58% 50% 50%;height:58px;left:10px;top:-8px;transform:rotate(-12deg);width:54px}.pup-small:after{background:#d99b86;border-radius:58% 42% 50% 50%;height:58px;right:-4px;top:-4px;transform:rotate(18deg);width:58px}.pup-small span:before{color:#18120d;content:"•  •";font-size:18px;left:36px;position:absolute;top:28px;z-index:2}.dog-bowl{background:#eba32b;border-radius:50% 50% 12px 12px;bottom:52px;height:92px;right:180px;width:180px}.dog-bowl:before{background:#a8673c;border-radius:50%;content:"";height:48px;left:28px;position:absolute;top:-28px;width:126px}.doodle-arrow{color:#8e3d18;font-size:72px;font-weight:900}.arrow-left{left:430px;top:206px;transform:rotate(-8deg)}.arrow-right{bottom:178px;color:#b4b0a8;right:70px;transform:rotate(-12deg)}.doodle-star{color:#bd835e;font-size:48px}.star-one{bottom:106px;left:60px}.star-two{bottom:172px;left:540px}label{color:#445064;display:grid;gap:7px;font-weight:700}input,select{background:#fff;border:1px solid #cfd8e6;border-radius:8px;min-height:40px;padding:8px 10px;width:100%}.hint{color:#687385;margin:0}.error-text,.wrong{color:#b3261e}.student-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px;padding:24px clamp(18px,4vw,48px)}.game-panel{overflow:hidden}.status-bar,.control-strip{align-items:center;background:#26354f;color:#fff;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:14px 18px}.icon-button{min-height:34px;padding:6px 9px}.game-board{display:grid;gap:22px;padding:24px}.question-band{align-items:center;background:#eef4ff;border-left:5px solid #1967d2;display:flex;gap:14px;padding:18px}.question-band strong{font-size:clamp(24px,4vw,42px)}.option-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid h3{margin-top:0}.chips{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.chip{font-size:22px;justify-content:center;min-height:64px}.chip.root,.root-text{color:#c5221f;font-weight:800}.chip.suffix{color:#111827;font-weight:800}.chip.selected{background:#fff0f0;border-color:#c5221f}.result-line{border-radius:8px;font-size:28px;font-weight:900;padding:16px}.result-line.correct{background:#e6f4ea;color:#137333}.result-line.wrong{background:#fce8e6}.empty-state{display:grid;min-height:420px;place-items:center;text-align:center}.result-overlay{align-items:center;background:#18212f6b;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:20}.result-card{background:#fff;border:1px solid #dce3ee;border-radius:8px;box-shadow:0 24px 60px #18212f3d;display:grid;gap:10px;max-width:420px;padding:28px;text-align:center;width:min(100%,420px)}.result-card h2{font-size:clamp(28px,6vw,42px);margin:0}.result-score{color:#1967d2;font-size:24px;font-weight:900;margin:0}.medal{align-items:center;border:4px solid;border-radius:999px;display:flex;font-size:26px;font-weight:900;height:108px;justify-content:center;margin:0 auto 8px;width:108px}.medal.gold{background:#fff4c2;border-color:#f4b400;color:#8a5a00}.medal.silver{background:#f1f5f9;border-color:#94a3b8;color:#475569}.medal.bronze{background:#ffead5;border-color:#c26a2e;color:#7c3510}.medal.standard{background:#eef4ff;border-color:#8ab4f8;color:#174ea6}.leaderboard{padding:18px}.leaderboard h2{align-items:center;display:flex;gap:8px;margin-top:0}.leaderboard-table{border-collapse:separate;border-spacing:0 8px}.leaderboard-table th,.leaderboard-table td{border-bottom:0}.leaderboard-table tbody tr{color:#18212f}.leaderboard-table tbody td{font-size:18px;font-weight:700}.leaderboard-table tbody td:first-child{border-radius:8px 0 0 8px}.leaderboard-table tbody td:last-child{border-radius:0 8px 8px 0}.rank-icon{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;margin-right:8px;padding:4px 8px;white-space:nowrap}.rank-gold td{background:#fff4c2;border-color:#f4b400}.rank-gold .rank-icon{background:#f4b400;color:#5f3b00}.rank-silver td{background:#eef2f7}.rank-silver .rank-icon{background:#94a3b8;color:#fff}.rank-bronze td{background:#ffead5}.rank-bronze .rank-icon{background:#c26a2e;color:#fff}.rank-wood td{background:#f3eadb}.rank-wood .rank-icon{background:#a4754b;color:#fff}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #e1e7f0;padding:10px 8px;text-align:left}th{color:#5d697b;font-size:13px}.admin-layout{padding:24px clamp(18px,4vw,48px)}.admin-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.panel{display:grid;gap:14px;padding:18px}.panel h2{margin:0}.word-form,.teacher-form,.team-form,.team-row{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.team-row{align-items:center;grid-template-columns:1fr 1fr auto auto auto auto auto}.team-form{align-items:center;grid-template-columns:1fr 1fr auto auto auto}.inline-check{align-items:center;display:flex;flex-direction:row;gap:8px}.inline-check input{width:auto}.lock-status{background:#eef4ff;border:1px solid #cbd9f2;border-radius:999px;color:#53627a;font-size:13px;font-weight:800;justify-self:start;padding:7px 10px;white-space:nowrap}.lock-status.locked{background:#fff4d8;border-color:#e6bf66;color:#8a5d00}.file-button{justify-content:center}.file-button input{display:none}.table-scroll{max-height:300px;overflow:auto}.export-actions{display:flex;flex-wrap:wrap;gap:10px}.screen-view{display:grid;gap:16px;padding:34px clamp(18px,5vw,64px);text-align:center}.screen-time{color:#1967d2;font-size:clamp(56px,12vw,150px);font-weight:900;line-height:1}.screen-view .leaderboard{margin:0 auto;max-width:920px;text-align:left;width:100%}@media (max-width: 980px){.login-page{min-height:calc(100vh - 134px);padding:16px}.login-scene{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto;overflow:visible}.login-goals{font-size:15px;grid-column:1;padding:8px 8px 16px}.title-cloud{grid-column:1;margin:10px auto 18px;min-height:150px;padding:40px 28px 30px;width:min(100%,420px)}.title-cloud:before{height:86px;left:-22px;top:42px;width:104px}.title-cloud:after{height:82px;right:-12px;top:-10px;width:114px}.title-cloud h2{font-size:clamp(36px,12vw,52px)}.login-scene .login-panel{grid-column:1;grid-row:auto;margin:0;max-width:100%}.cat-doodle,.pup,.dog-bowl,.doodle-arrow,.doodle-star{display:none}.student-layout,.admin-grid,.option-grid{grid-template-columns:1fr}.top-nav{align-items:flex-start;flex-direction:column}.word-form,.team-form,.team-row{grid-template-columns:1fr}}