/* Presentation only: game rules, questions and saved-state code stay unchanged. */
:root{color-scheme:light;--bg:#ffffff;--surface:#fff;--line:#eadfd5;--muted:#71645d;--cyan:#b93705;--blue:#2268b0;--pink:#a63165}
body{background:var(--bg);color:#302822;font-family:Tahoma,"Segoe UI",Arial,sans-serif}
.shell{max-width:1440px;padding:22px 32px}
.shell>header{padding:0 0 18px;border:0}
.logo{display:block;width:180px;line-height:0}
.logo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.head-actions{gap:10px}
.ghost,.icon{background:#fff;color:#55473e;border:1px solid var(--line)}
.head-actions #newGame{background:#ff530c;color:#fff;border-color:#ff530c;box-shadow:0 4px 0 #cb3b00}
.intro{background:linear-gradient(110deg,#f23224 0%,#ff642b 53%,#ffc477 100%);color:white;border-radius:28px 28px 65px 28px;padding:30px 38px 36px;margin:0 0 24px;min-height:240px;align-items:center}
.intro .eyebrow{color:#fff;font-size:12px}
h1{font-size:48px;line-height:1.4;margin:10px 0 0;letter-spacing:0}
h1 span{color:#fff}
.intro-en,.intro p{color:#fff}.intro p{font-size:15px;line-height:2.1;margin:0}.intro-en{font-size:15px}
.team{border-radius:20px;padding:18px 24px;box-shadow:0 5px 0 #efe6dd;background:white}
.team.blue{background:#f0f7ff}.team.pink{background:#fff1f6}
.team.active{border:2px solid var(--blue)}.team.pink.active{border-color:var(--pink)}
.team strong{font-size:44px}.team h2{font-size:20px}.team small{color:#665d56}
.progress{background:#e8e1dc;height:4px}.turn{color:#655950}
.status{margin:28px 0 18px}.status strong{font-size:16px}.live-dot{background:#ed591d}.bank-count b{color:#be3c09}
.category{--accent:#217552;background:white;border:1px solid var(--line);border-radius:20px;padding:0 9px 10px;gap:8px;box-shadow:0 5px 0 #efe6dd;overflow:hidden}
.category:nth-child(2){--accent:#bd461c}.category:nth-child(3){--accent:#6861a8}.category:nth-child(4){--accent:#23689e}.category:nth-child(5){--accent:#a7406c}.category:nth-child(6){--accent:#947017}.category:nth-child(7){--accent:#556b38}.category:nth-child(8){--accent:#238080}.category:nth-child(9){--accent:#7d5397}
.category header{background:var(--accent);color:white;margin:0 -9px 3px;padding:14px 6px 12px;min-height:150px}
.category-art{width:78px;height:68px;margin-bottom:8px}
.category h3{font-size:13px}.category-en{color:#fff;font-size:10px}
.category .qbtn{background:#fff7ec;color:#48392e;border:1px solid #f0e2d2;border-radius:12px;padding:12px 3px;box-shadow:0 3px 0 #eddfcf}
.category .qbtn:hover:not(:disabled){background:#ffe3bd;border-color:#edaa5d;transform:translateY(-2px)}
.qbtn b{font-size:29px;color:var(--accent)}.difficulty{color:#68513b}.qbtn small{color:#756650}
button:disabled{opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#235f9b}
footer{padding-top:25px}.rules{margin-top:6px}
dialog{background:#fffcf8;color:#302822;border:1px solid #ead9c8;box-shadow:0 25px 110px #40231340;border-radius:26px;padding:30px}
dialog::backdrop{background:#38251f8f;backdrop-filter:blur(6px)}
dialog .eyebrow{color:#b93705}dialog h2{font-size:25px}
input,select{background:white;color:#302822;border-color:#d7c7b9;border-radius:12px;padding:13px}
.primary{background:#ed4c09;color:white;box-shadow:0 4px 0 #bb3600}.primary:hover:not(:disabled){background:#d64205}
.secondary{background:#2c7776;color:#fff;box-shadow:0 4px 0 #205b5a}
.actions{gap:10px}.helpers button{background:#fff3e4;color:#674b30;border-color:#e4c9a8;border-radius:12px}
.clock{background:#fff1df;border-color:#ed4c09;color:#b93705}.clock.urgent{color:#b42c36;border-color:#b42c36;background:#fff0ef}
.time-track{background:#efe2d3}.time-track>div{background:#f15b18}
#questionEn{color:#6a5e56}.answer{background:#eef8ef;border-color:#b9d9bd}.answer small{color:#35643b}#answerEn{border-color:#c4dcc6;color:#425e45}
#questionImage{background:#f3f4f6;border-color:#d8dfe5}
.hint{background:#fff1d9;color:#85500c;padding:12px;border-radius:12px}.notice{background:#fff1e3;border-color:#dc8a48;color:#76421e}
.danger-link{color:#ad3434}.final-scores>div{background:white}.final-scores b{color:#bd3b06}
@media(max-width:1200px){.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category header{min-height:142px}.category-art{width:90px;height:74px}.category h3{font-size:16px}}
@media(max-width:600px){.shell{padding:14px}.logo{width:132px}.shell>header{padding-bottom:14px}.head-actions{gap:5px}.head-actions button{font-size:10px;padding:9px 7px;max-width:103px}.intro{padding:25px 23px 30px;border-radius:22px 22px 44px 22px;min-height:0;margin-bottom:19px}.intro h1{font-size:36px}.intro .eyebrow{font-size:10px}.intro-en{font-size:13px}.intro p{font-size:11px;line-height:1.9;margin-top:16px;max-width:none}.scores{gap:10px}.team{padding:14px 11px;border-radius:16px}.team h2{font-size:15px}.team strong{font-size:30px}.team small{font-size:9px}.turn{font-size:9px}.status{gap:12px;margin-top:24px}.status strong{font-size:12px}.board{gap:10px}.category{padding:0 6px 8px;border-radius:16px;gap:8px}.category header{margin:0 -6px 2px;min-height:128px;padding:12px 4px 9px}.category-art{width:64px;height:56px}.category h3{font-size:11px}.category-en{font-size:9px}.category .qbtn{padding:11px 2px}.qbtn b{font-size:25px}.difficulty{font-size:9px}.qbtn small{font-size:8px}dialog{padding:24px 18px}dialog h2{font-size:22px}.fields{grid-template-columns:1fr}.actions button{font-size:12px}.helpers button{padding:10px 5px}.intro{display:block}}