.gx-famicomquiz{--fq-navy:#263f59;--fq-cream:#fff8e9;--fq-copper:#a7602e;--fq-safe-top:env(safe-area-inset-top,0px);--fq-safe-right:env(safe-area-inset-right,0px);--fq-safe-bottom:env(safe-area-inset-bottom,0px);--fq-safe-left:env(safe-area-inset-left,0px);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:var(--fq-navy);width:100%;max-width:900px;margin:20px auto;position:relative;isolation:isolate;line-height:1.5;box-sizing:border-box}
.gx-famicomquiz *{box-sizing:border-box}.gx-famicomquiz [hidden]{display:none!important}.gx-famicomquiz button,.gx-famicomquiz summary,.gx-famicomquiz a{touch-action:manipulation}.gx-famicomquiz button{font:inherit;line-height:1.25;min-height:44px;border:1px solid #c3b39a;background:#fffaf0;color:#263f59;border-radius:9px;padding:9px 11px;cursor:pointer;font-weight:700;margin:0}.gx-famicomquiz button:disabled{cursor:default;opacity:.48}.gx-famicomquiz button:focus-visible,.gx-famicomquiz a:focus-visible,.gx-famicomquiz summary:focus-visible{outline:3px solid #317fa4;outline-offset:2px}.gx-famicomquiz button[aria-pressed=true]{background:#28445f;color:#fff8e8;border-color:#28445f}.gx-famicomquiz .fq-primary{background:#a35b2d;color:white;border-color:#834723}.fq-shell{border:2px solid #5f4936;border-radius:16px;background:#f9efdb;overflow:hidden;box-shadow:0 8px 24px #24364320}.fq-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 13px;background:#253d56;color:#fff3d6}.fq-brand{display:grid;min-width:0}.fq-brand small{font-size:10px;letter-spacing:.05em;color:#ebbf82}.fq-brand strong{font-size:clamp(15px,2.5vw,22px);white-space:nowrap}.fq-top{display:flex;gap:5px;flex-shrink:0}.fq-top button{font-size:12px;padding:6px 8px;min-width:44px}.fq-hud{display:grid;grid-template-columns:repeat(3,1fr);background:#f1dfbb;border-bottom:1px solid #d3b78b}.fq-hud>div{display:flex;justify-content:center;gap:9px;align-items:center;padding:6px;min-width:0}.fq-hud span{font-size:12px}.fq-hud strong{font-size:19px;font-variant-numeric:tabular-nums}.fq-stage{position:relative}.fq-scene{width:100%;height:120px;display:block;border-bottom:1px solid #b38d60}.fq-work{padding:12px;display:grid;gap:10px}.fq-prompt{display:block;font-size:18px;margin-bottom:8px}.fq-clues{margin:0 0 10px;display:grid;gap:4px}.fq-clues>div{display:grid;grid-template-columns:68px 1fr;gap:8px;align-items:start;background:#fff9ec;border:1px solid #d8c6a9;border-radius:7px;padding:6px 9px}.fq-clues dt{font-size:12px;color:#775331;font-weight:700;padding-top:1px}.fq-clues dd{margin:0;font-size:14px;font-weight:650;overflow-wrap:anywhere}.fq-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.gx-famicomquiz .fq-cell{min-height:60px;white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:14px;display:flex;align-items:center}.gx-famicomquiz .fq-cell.selected{background:#2d4d69;color:white;border:2px solid #d6a460;box-shadow:inset 0 0 0 1px #ffe1ac}.gx-famicomquiz .fq-cell.eliminated{opacity:.4;text-decoration:line-through}.fq-controls{display:grid;gap:8px}.fq-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fq-tools button{font-size:12px;padding:6px}.fq-actions{display:flex;gap:8px}.fq-actions>*{flex:1;min-width:0}.fq-actions .fq-primary{flex:2}.fq-feedback{background:#fff9ec;border:2px solid #c29157;border-radius:12px;padding:18px;font-size:15px;min-height:160px}.fq-feedback>strong{font-size:19px;overflow-wrap:anywhere}.fq-feedback p{margin:7px 0!important}.fq-bottom{display:flex;justify-content:space-between;gap:8px;padding:7px 12px;background:#efdcba;font-size:12px;font-variant-numeric:tabular-nums}.fq-status{font-size:12px;margin:0!important;padding:6px 12px;min-height:31px;background:#fff9eb;overflow-wrap:anywhere}.fq-panel{padding:16px;display:grid;gap:11px;max-height:620px;overflow:auto;overscroll-behavior:contain}.fq-panel h2{font-size:21px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:#253d56!important;line-height:1.3!important}.fq-panel p{font-size:14px;margin:0!important}.fq-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fq-modes button{font-size:13px;padding:8px 5px}.fq-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fq-levels button{font-size:13px;padding:8px 4px}.gx-famicomquiz .fq-note{font-size:12px;color:#6b5946}.fq-history{font-size:13px;border-top:1px dashed #bb9d74;padding-top:6px}.fq-history summary{min-height:44px;padding:10px 4px;cursor:pointer;font-weight:700}.fq-history p{padding:3px}.fq-history a{display:block;min-height:44px;padding:10px 3px;color:#215b80;text-decoration:underline;overflow-wrap:anywhere}.fq-score{font-size:37px;font-weight:900;color:#9c572c;font-variant-numeric:tabular-nums}.fq-supply{display:grid!important;text-align:left;grid-template-columns:1fr auto;gap:4px}.fq-supply small{font-size:12px;grid-column:1}.fq-supply span{font-size:12px;grid-column:2;grid-row:1/3;align-self:center}.fq-portal{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;z-index:2147483646!important}.fq-shell:fullscreen,.fq-shell.fq-expanded{width:100%;height:100dvh;border:0;border-radius:0;padding:var(--fq-safe-top) var(--fq-safe-right) var(--fq-safe-bottom) var(--fq-safe-left);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;background:#f9efdb;overflow:hidden}.fq-shell:fullscreen .fq-stage,.fq-expanded .fq-stage{min-height:0;display:flex;flex-direction:column;overflow:hidden}.fq-shell:fullscreen .fq-scene,.fq-expanded .fq-scene{flex:0 0 100px;min-height:0}.fq-shell:fullscreen .fq-work,.fq-expanded .fq-work{min-height:0;flex:1;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.fq-shell:fullscreen .fq-question,.fq-expanded .fq-question{min-height:0;overflow:auto;overscroll-behavior:contain}.fq-shell:fullscreen .fq-panel,.fq-expanded .fq-panel{flex:1;min-height:0;max-height:none;overflow:auto}
@media(max-width:540px){.fq-head{padding:8px;gap:4px}.fq-brand strong{font-size:15px}.fq-brand small{font-size:9px;letter-spacing:0}.fq-top{gap:3px}.fq-top button{padding:4px;font-size:10px}.fq-hud strong{font-size:17px}.fq-hud>div{gap:6px;padding:4px}.fq-scene{height:95px}.fq-work{padding:8px;gap:8px}.fq-prompt{font-size:16px;margin-bottom:6px}.fq-clues>div{padding:5px 7px;grid-template-columns:56px 1fr;gap:4px}.fq-clues dd{font-size:13px}.fq-board{gap:6px}.gx-famicomquiz .fq-cell{font-size:13px;padding:8px;min-height:65px}.fq-panel{padding:12px;gap:9px}.fq-panel h2{font-size:18px!important}.fq-panel p{font-size:13px}.fq-bottom{padding:5px 8px;font-size:11px}.fq-status{padding:5px 8px;font-size:11px}.fq-feedback{padding:13px;min-height:160px}.fq-feedback>strong{font-size:17px}}
@media(max-height:700px) and (orientation:portrait){.fq-scene{height:72px}.fq-panel{max-height:440px}.fq-shell:fullscreen .fq-scene,.fq-expanded .fq-scene{flex-basis:65px}.fq-panel h2{font-size:17px!important}.fq-work{gap:6px}.fq-clues{gap:3px;margin-bottom:7px}.gx-famicomquiz .fq-cell{min-height:57px;padding:6px}.fq-head{padding-top:5px;padding-bottom:5px}}
@media(max-height:480px) and (orientation:landscape){.fq-scene{height:68px}.fq-head{padding:4px 9px}.fq-brand small{display:none}.fq-brand strong{font-size:16px}.fq-top button{min-height:44px}.fq-hud strong{font-size:15px}.fq-hud>div{padding:2px}.fq-work{padding:6px;gap:6px;grid-template-columns:minmax(0,1fr) 180px}.fq-prompt{font-size:14px;margin-bottom:4px}.fq-clues{margin-bottom:5px;gap:2px}.fq-clues>div{padding:2px 5px;grid-template-columns:50px 1fr;gap:3px}.fq-clues dt,.fq-clues dd{font-size:11px}.fq-board{gap:4px}.gx-famicomquiz .fq-cell{min-height:44px;padding:5px;font-size:11px}.fq-controls{align-content:end;gap:5px}.fq-tools{grid-template-columns:1fr;gap:4px}.fq-tools button{min-height:44px}.fq-actions{gap:5px}.fq-actions button{font-size:11px;padding:4px}.fq-bottom{padding:3px 9px;font-size:10px}.fq-status{min-height:24px;font-size:10px;padding:3px 9px}.fq-panel{padding:8px;gap:6px;max-height:320px}.fq-panel h2{font-size:17px!important}.fq-panel p{font-size:12px}.fq-history{grid-column:1/-1}.fq-score{font-size:29px}.fq-feedback{min-height:130px;padding:10px}.fq-feedback>strong{font-size:15px}.fq-shell:fullscreen .fq-scene,.fq-expanded .fq-scene{display:none}.fq-shell:fullscreen .fq-work,.fq-expanded .fq-work{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 180px}.fq-shell:fullscreen .fq-panel,.fq-expanded .fq-panel{display:grid;grid-template-columns:1fr 1fr;align-content:center}.fq-panel h2,.fq-panel>.fq-actions,.fq-panel>.fq-primary{grid-column:1/-1}.fq-panel[data-compact=true]{overflow:auto}}
@media(prefers-reduced-motion:reduce){.gx-famicomquiz *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Compact expanded play keeps the complete choices above the fixed controls. */
@media(max-height:700px) and (orientation:portrait){
 .fq-shell:fullscreen .fq-scene,.fq-expanded .fq-scene{display:none}
}
@media(max-height:480px) and (orientation:landscape){
 .fq-shell:fullscreen .fq-work,.fq-expanded .fq-work{grid-template-columns:minmax(0,1fr) 154px}
 .fq-shell:fullscreen .fq-question,.fq-expanded .fq-question{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);grid-template-rows:auto minmax(0,1fr);column-gap:6px;overflow:hidden}
 .fq-shell:fullscreen .fq-prompt,.fq-expanded .fq-prompt{grid-column:1/-1}
 .fq-shell:fullscreen .fq-clues,.fq-expanded .fq-clues{margin:0;align-content:start;gap:3px}
 .fq-shell:fullscreen .fq-clues>div,.fq-expanded .fq-clues>div{display:block;padding:3px 5px}
 .fq-shell:fullscreen .fq-clues dt,.fq-expanded .fq-clues dt{font-size:10px;padding:0}
 .fq-shell:fullscreen .fq-board,.fq-expanded .fq-board{grid-template-rows:repeat(2,minmax(44px,1fr));min-height:0}
 .fq-shell:fullscreen .fq-feedback,.fq-expanded .fq-feedback{grid-column:1/-1;min-height:0;overflow:auto}
 .fq-shell:fullscreen .fq-panel,.fq-expanded .fq-panel{align-content:start}
}

@media(max-height:600px) and (orientation:portrait){
 .fq-shell:fullscreen .fq-question,.fq-expanded .fq-question{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);grid-template-rows:auto minmax(0,1fr);gap:0 6px;overflow:hidden}
 .fq-shell:fullscreen .fq-prompt,.fq-expanded .fq-prompt{grid-column:1/-1;font-size:14px;margin-bottom:5px}
 .fq-shell:fullscreen .fq-clues,.fq-expanded .fq-clues{margin:0;align-content:start;gap:4px}
 .fq-shell:fullscreen .fq-clues>div,.fq-expanded .fq-clues>div{display:block;padding:4px}
 .fq-shell:fullscreen .fq-clues dt,.fq-expanded .fq-clues dt{font-size:10px;padding:0}
 .fq-shell:fullscreen .fq-clues dd,.fq-expanded .fq-clues dd{font-size:12px}
 .fq-shell:fullscreen .fq-board,.fq-expanded .fq-board{grid-template-rows:repeat(2,minmax(44px,1fr));min-height:0;gap:5px}
 .fq-shell:fullscreen .fq-cell,.fq-expanded .fq-cell{min-height:44px;font-size:12px;padding:5px}
 .fq-shell:fullscreen .fq-feedback,.fq-expanded .fq-feedback{grid-column:1/-1;min-height:0;overflow:auto}
}
@media(max-height:540px) and (orientation:portrait){
 .fq-shell:fullscreen .fq-bottom,.fq-expanded .fq-bottom{display:none}
 .fq-shell:fullscreen,.fq-shell.fq-expanded{grid-template-rows:auto auto minmax(0,1fr) auto}
 .fq-shell:fullscreen .fq-cell,.fq-expanded .fq-cell{font-size:11px;padding:4px}
}
@media(max-height:360px) and (orientation:landscape){
 .fq-shell:fullscreen .fq-bottom,.fq-expanded .fq-bottom{display:none}
 .fq-shell:fullscreen,.fq-shell.fq-expanded{grid-template-rows:auto auto minmax(0,1fr) auto}
 .fq-shell:fullscreen .fq-question,.fq-expanded .fq-question{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr)}
}
@media(max-height:600px) and (orientation:portrait), (max-height:480px) and (orientation:landscape){
 .fq-shell:fullscreen .fq-clues>div,.fq-expanded .fq-clues>div{font-size:11px;line-height:1.4}
 .fq-shell:fullscreen .fq-clues dt,.fq-expanded .fq-clues dt{display:inline;margin-right:3px}
 .fq-shell:fullscreen .fq-clues dd,.fq-expanded .fq-clues dd{display:inline;font-size:11px}
}
