:root{--font:-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,"Hiragino Sans","Yu Gothic UI","Noto Sans JP",system-ui,sans-serif;--r-card:16px;--r-btn:12px;--r-field:10px;color-scheme:light}body{--bg:#f4f6f8;--surface:#fff;--text:#1d2733;--muted:#5d6b7a;--line:#dde3ea;--primary:#2f6f8f;--on-primary:#fff;--primary-soft:#e3eef3;--ok:#2e7d5b;--warn:#a86400;--danger:#b3261e;--ok-soft:#e2f2ea;--warn-soft:#fbefdc;--danger-soft:#f9e3e1;--lg-main:#2f6f8f;--lg-deep:#1c4a63;--lg-soft:#8dbdd3;--lg-accent:#e0a458;--lg-pale:#e4f0f5;--p-bg:#e9edf1;--p-surface:#fff;--p-text:#1d2733;--p-muted:#5d6b7a;--p-line:#dde3ea;--p-accent:#1d2733;--p-accent-text:#fff}body[data-palette=bright]{--r-card:20px;--r-btn:999px;--bg:#fff8f0;--line:#f0e2d2;--primary:#d9572b;--primary-soft:#fde6dc;--text:#2b2118;--muted:#6e5b4b;--lg-main:#d9572b;--lg-deep:#8f3313;--lg-soft:#f4a582;--lg-accent:#f2b51d;--lg-pale:#fff1e8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}:root:not([data-theme=light]) body{--bg:#11161b;--surface:#1a2129;--text:#e8edf2;--muted:#9aa8b6;--line:#2b3540;--primary:#7fb8d4;--on-primary:#0c1a22;--primary-soft:#1f3340;--ok:#7cc9a3;--warn:#f0b35e;--danger:#f2938b;--ok-soft:#173027;--warn-soft:#33270f;--danger-soft:#3a1d1b;--lg-main:#78b4cf;--lg-deep:#b9dcea;--lg-soft:#5a91ab;--lg-accent:#f0b673;--lg-pale:#d6e8f0;--p-bg:#0b0f13;--p-surface:#151b21;--p-text:#e8edf2;--p-muted:#9aa8b6;--p-line:#2b3540;--p-accent:#e8edf2;--p-accent-text:#11161b}:root:not([data-theme=light]) body[data-palette=bright]{--bg:#1b1511;--surface:#251d18;--line:#3a2f27;--primary:#f29a74;--primary-soft:#3d2519;--text:#f3e9df;--muted:#bba796;--lg-main:#f0855a;--lg-deep:#ffcbb2;--lg-soft:#c4683f;--lg-accent:#ffc93c;--lg-pale:#ffe6d8}}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=dark] body{--bg:#11161b;--surface:#1a2129;--text:#e8edf2;--muted:#9aa8b6;--line:#2b3540;--primary:#7fb8d4;--on-primary:#0c1a22;--primary-soft:#1f3340;--ok:#7cc9a3;--warn:#f0b35e;--danger:#f2938b;--ok-soft:#173027;--warn-soft:#33270f;--danger-soft:#3a1d1b;--lg-main:#78b4cf;--lg-deep:#b9dcea;--lg-soft:#5a91ab;--lg-accent:#f0b673;--lg-pale:#d6e8f0;--p-bg:#0b0f13;--p-surface:#151b21;--p-text:#e8edf2;--p-muted:#9aa8b6;--p-line:#2b3540;--p-accent:#e8edf2;--p-accent-text:#11161b}:root[data-theme=dark] body[data-palette=bright]{--bg:#1b1511;--surface:#251d18;--line:#3a2f27;--primary:#f29a74;--primary-soft:#3d2519;--text:#f3e9df;--muted:#bba796;--lg-main:#f0855a;--lg-deep:#ffcbb2;--lg-soft:#c4683f;--lg-accent:#ffc93c;--lg-pale:#ffe6d8}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6}#root{height:100%}section.game{--h-act:64px;--fs-act:22px;--h-ans:72px;--fs-ans:26px;--h-hud:56px;--fs-hud:22px;--fs-body:18px;--fs-label:18px;--wood-ink:#3a1f08;--wood-glow:rgba(255,214,90,.85);--label-ink:#6b4a2a;--label-line:rgba(107,74,42,.5);--label-ok-ink:#2d5f14;--label-ok-line:rgba(45,95,20,.6);--label-ok-bg:rgba(120,190,60,.18)}section.game.gparent{--fs-label:15px}@container (max-width:520px){section.game>*{--h-act:56px;--fs-act:20px;--h-ans:64px;--fs-ans:22px;--h-hud:48px;--fs-hud:18px}}section.game .btn{min-height:var(--h-act);padding:0 34px;border:0;border-radius:0;background:url(/img/study/plaque_honey.webp) center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 4px 3px rgba(60,30,5,.45));color:var(--wood-ink);font-size:var(--fs-act);font-weight:800;text-shadow:0 1px 0 rgba(255,235,190,.75);transition:transform .12s,filter .12s;cursor:pointer}section.game .btn:hover:not(:disabled){transform:translateY(-2px);filter:drop-shadow(0 7px 4px rgba(60,30,5,.45)) brightness(1.06)}section.game .btn:active:not(:disabled){transform:translateY(2px)}section.game .btn:disabled{filter:grayscale(.7) drop-shadow(0 3px 2px rgba(60,30,5,.4));opacity:.85}section.game .btn-primary{background-image:url(/img/study/plaque_gold.webp);filter:drop-shadow(0 0 10px var(--wood-glow)) drop-shadow(0 4px 3px rgba(60,30,5,.45))}section.game .btn-primary:hover:not(:disabled){filter:drop-shadow(0 0 14px var(--wood-glow)) drop-shadow(0 7px 4px rgba(60,30,5,.45)) brightness(1.06)}section.game .btn-danger{background-image:url(/img/study/plaque_red.webp);color:#fff8e8;text-shadow:0 1px 1px rgba(50,0,0,.7)}section.game .actions .btn{min-height:var(--h-act);font-size:var(--fs-act)}section.game .answers{counter-reset:gkey}section.game .ans{position:relative;counter-increment:gkey;min-height:var(--h-ans);padding:0 12px 0 56px;font-size:var(--fs-ans);background-image:url(/img/study/plaque_vine.webp)}section.game .ans:hover{background-image:url(/img/study/plaque_gold.webp)}section.game .ans:before{content:counter(gkey);position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#fffae8d9;color:var(--wood-ink);font-size:var(--fs-body);font-weight:800;text-shadow:none}@container (max-width:520px){section.game .ans{padding:0 8px 0 40px}section.game .ans:before{left:8px;width:26px;height:26px}}section.game .top h1,section.game .top .badge,section.game:not(.gparent) .top .badge,section.game .top .btn{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:var(--h-hud);min-width:0;padding:0 26px;background:url(/img/study/plaque_honey.webp) center/100% 100% no-repeat;border:0;border-radius:0;filter:drop-shadow(0 4px 3px rgba(60,30,5,.45));color:var(--wood-ink);font-size:var(--fs-hud);font-weight:800;text-shadow:0 1px 0 rgba(255,235,190,.75);white-space:nowrap}section.game .ghud-left>.btn,section.game .ghud-right>.btn{min-height:var(--h-hud);font-size:var(--fs-hud)}section.game .ghud-left .chip{min-height:48px;font-size:var(--fs-hud)}@container (max-width:520px){section.game .top h1,section.game .top .badge,section.game .top .btn{padding:0 16px}}section.game .badge{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:0;min-width:0;padding:2px 12px;border:1.5px solid var(--label-line);border-radius:999px;background:transparent;box-shadow:none;filter:none;color:var(--label-ink);font-size:var(--fs-label);font-weight:700;text-shadow:none}section.game .badge.ok{border-color:var(--label-ok-line);background:var(--label-ok-bg);color:var(--label-ok-ink)}section.game .badge.warn{border-color:#7a4d0099;background:#ffd65a33;color:#7a4d00}section.game .badge.danger{border-color:#a4291e99;background:#ffc8be40;color:#a4291e}.gspeak{display:flex;align-items:flex-end;gap:6px;margin:0}.gspeak>img{flex:none;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(50,30,10,.35))}.gspeak>span{position:relative;max-width:320px;padding:8px 14px;background:var(--surface,#fffaf0);border:3px solid var(--line,#7a4b22);border-radius:16px;color:var(--wood-ink,#3a1f08);font-size:var(--fs-body,18px);font-weight:600}.gspeak>span:before{content:"";position:absolute;left:-10px;bottom:12px;border:8px solid transparent;border-right-color:var(--line,#7a4b22);border-left:0}.gglow{animation:gglow 1.6s ease-in-out infinite}@keyframes gglow{0%,to{filter:drop-shadow(0 0 2px rgba(255,236,150,.6))}50%{filter:drop-shadow(0 0 12px rgba(255,226,110,1)) drop-shadow(0 0 22px rgba(255,214,90,.7))}}@media(prefers-reduced-motion:reduce){.gglow{animation:none;filter:drop-shadow(0 0 10px rgba(255,226,110,.95))}}section.game .ans.ans-pic{display:flex;align-items:center;justify-content:center;min-height:calc(var(--h-ans) + 48px);padding:8px 12px 8px 48px}section.game .ans.ans-pic img{width:96px;height:96px;object-fit:contain}@container (max-width:520px){section.game .ans.ans-pic img{width:72px;height:72px}}section.game .gplay{min-height:var(--h-ans);padding:0 24px;font-size:var(--fs-act);white-space:nowrap}.gunit{display:flex;flex-direction:column;align-items:center;gap:6px;width:112px;padding:0;border:0;background:none;color:var(--wood-ink,#3a1f08);font:inherit;cursor:pointer}.gunit>b{display:flex;align-items:center;justify-content:center;width:92px;height:92px;background:url(/img/study/key.webp) center/100% 100% no-repeat;font-size:var(--fs-ans,26px);font-weight:800;filter:drop-shadow(0 4px 3px rgba(60,30,5,.35));transition:transform .12s}.gunit.now>b{background-image:url(/img/study/key_on.webp)}.gunit>b img{width:54px;height:54px;object-fit:contain}.gunit>span{font-size:var(--fs-body,18px);font-weight:800;white-space:nowrap}button.gunit:hover>b{transform:translateY(-3px);filter:brightness(1.08) drop-shadow(0 6px 4px rgba(60,30,5,.35))}button.gunit:focus-visible>b{outline:3px solid var(--line,#7a4b22);outline-offset:3px;border-radius:50%}.gunit.lock{cursor:default}.gunit.lock>b{filter:grayscale(.75) brightness(.92) drop-shadow(0 4px 3px rgba(60,30,5,.35))}.gunit.lock>b img{width:40px;height:52px}.gunit.lock>span{opacity:.7}.gthing{position:absolute;min-width:48px;min-height:48px;padding:0;border:0;background:none;cursor:pointer}.gthing>img{display:block;width:100%;pointer-events:none}.gcover{display:block;width:100%;height:100%;object-fit:cover}section.game .gtable{border-collapse:collapse;background:var(--surface,#fffaf0);font-size:var(--fs-body,18px);font-variant-numeric:tabular-nums}section.game .gtable th,section.game .gtable td{min-width:56px;padding:6px 12px;border:2px solid var(--line,#7a4b22);text-align:center;color:var(--wood-ink,#3a1f08)}section.game .gtable th{background:var(--g-paper2,#f2dcae);font-weight:800}section.game .gtable caption{padding-bottom:4px;font-weight:800;color:var(--wood-ink,#3a1f08)}section.game .gchart{display:inline-flex;align-items:flex-end;gap:14px;height:var(--gchart-h,200px);margin-bottom:32px;padding:0 12px;border-left:3px solid var(--line,#7a4b22);border-bottom:3px solid var(--line,#7a4b22);font-size:var(--fs-body,18px);font-variant-numeric:tabular-nums;color:var(--wood-ink,#3a1f08)}section.game .gchart>span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;height:100%}section.game .gchart>span>i{display:block;width:40px;height:calc((100% - 28px) * var(--v) / var(--max));background:var(--line,#7a4b22);opacity:.55}section.game .gchart>span.on>i{opacity:.9}section.game .gchart b,section.game .gchart em{font-style:normal;font-weight:800;line-height:1.2;white-space:nowrap}section.game .gchart em{position:absolute;top:100%;padding-top:4px}section.game .gchart-unit{display:block;font-size:var(--fs-body,18px);font-weight:700;color:var(--wood-ink,#3a1f08)}section.game .gtimer{display:inline-flex;align-items:center;justify-content:center;min-height:var(--h-ans);padding:0 36px;background:url(/img/study/plaque_gold.webp) center/100% 100% no-repeat;filter:drop-shadow(0 4px 3px rgba(60,30,5,.4));color:var(--wood-ink);font-size:var(--fs-ans);font-weight:800;font-variant-numeric:tabular-nums}section.game{--surface:#fff6df;--text:#5a3415;--muted:#7a5a35;--line:#7a4b22;--primary:#f2a93b;--on-primary:#5a3415;--primary-soft:#ffe9b0;--ok:#3f7d20;--ok-soft:#dff2c0;--g-shadow:#5b3416;--g-sign1:#f3dfb5;--g-sign2:#e2c38b;--g-paper2:#f2dcae;color:var(--text);font-size:18px}section.game{--danger:#a4291e;--danger-soft:#ffe9e0;--warn:#7a4d00;--warn-soft:#fff0cf}@font-face{font-family:G Digits;src:url(/fonts/biz-udpgothic-digits.woff2) format("woff2");unicode-range:U+30-39;font-display:swap}@font-face{font-family:HL Klee One;src:url(/fonts/klee-one-400.woff2) format("woff2");font-weight:100 500;font-display:swap}@font-face{font-family:HL Klee One;src:url(/fonts/klee-one-600.woff2) format("woff2");font-weight:600 900;font-display:swap}section.game{font-family:G Digits,HL Klee One,UD デジタル 教科書体 NK-B,UD Digi Kyokasho NK-B,BIZ UDPGothic,Hiragino Maru Gothic ProN,Yu Gothic UI,system-ui,sans-serif}section.game.gstage-root{position:relative;width:100%;height:100%;container-type:size;overflow:hidden;background:var(--surface)}