:root{--green:#173b2d;--green2:#285441;--gold:#a88b49;--paper:#f4f3ef;--ink:#222825;--line:#c7ccc9;--red:#9d2f2f;--blue:#254f70}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Noto Sans JP",sans-serif;color:var(--ink);background:var(--paper)}button{font:inherit;cursor:pointer}header{height:66px;background:var(--green);color:#fff;border-bottom:4px solid var(--gold);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1080px)/2))}.agency{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.08em}.agency-mark{width:30px;height:30px;border:2px solid #fff;display:grid;place-items:center;font:700 17px Georgia}.agency>span:last-child{border-left:1px solid #ffffff66;padding-left:12px;font-weight:600}.training-label{font-size:12px;color:#e4e9e6}.intro{max-width:940px;margin:0 auto;padding:75px 24px 90px;text-align:center}.section-code{font:700 11px Georgia;letter-spacing:.18em;color:#65716b}.intro h1{font-size:clamp(38px,6vw,64px);line-height:1.35;letter-spacing:.04em;margin:22px 0}.intro h1 span{color:var(--green);border-bottom:5px solid var(--gold)}.intro-text{line-height:2;color:#59635e}.standards{max-width:740px;margin:40px auto 34px;display:grid;grid-template-columns:1fr 1fr;text-align:left;border:1px solid var(--line);background:#fff}.standards>div{padding:23px 28px;display:grid;grid-template-columns:74px 1fr;gap:15px}.standards>div+div{border-left:1px solid var(--line)}.standards b{color:var(--green)}.standards>div:last-child b{color:var(--red)}.standards span{font-size:12px;line-height:1.8}.start-button,.result-card button,.clear-card button{border:0;background:var(--green);color:#fff;padding:17px 24px;min-width:260px;font-weight:700;display:inline-flex;justify-content:space-between}.keyboard-help{font-size:11px;color:#828a86;margin-top:16px}.game{max-width:940px;margin:0 auto;padding:34px 24px 65px}.game-status{display:grid;grid-template-columns:1fr 1fr 1.2fr;background:#fff;border:1px solid var(--line)}.game-status>div{padding:13px 20px;border-right:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between}.game-status>div:last-child{border:0}.game-status small{font-size:10px;color:#66716c;font-weight:700}.game-status strong{font:700 20px Georgia}.timer-panel strong{color:var(--red)}.timer-track{height:8px;background:#d4d8d6;margin-bottom:18px}.timer-track span{display:block;width:100%;height:100%;background:var(--green);transform-origin:left}.timer-track span.danger{background:var(--red)}.counter-scene{height:480px;position:relative;overflow:hidden;background:linear-gradient(#e6e8e6 0 70%,#c9ccc9 70%);border:1px solid #b9bfbb}.counter-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,#c5cac7 50%,transparent 50.3%),linear-gradient(#ffffff65 1px,transparent 1px);background-size:100% 100%,100% 80px}.venue-sign{position:absolute;top:24px;left:26px;background:#fff;border-left:6px solid var(--green);padding:12px 18px;font-weight:700;box-shadow:0 2px 8px #0001}.venue-sign span{display:block;font:10px Georgia;letter-spacing:.17em;color:#77817c;margin-top:4px}.person-card{position:absolute;width:300px;left:50%;top:25px;transform:translateX(-50%);text-align:center}.case-label{font:700 11px Georgia;letter-spacing:.13em;color:#4e5953}.person-visual{height:330px;position:relative}.item-tags{position:absolute;right:-265px;top:110px;width:220px;text-align:left}.item-tags span{display:block;background:#fff;border-left:4px solid var(--green);padding:9px 12px;margin:7px 0;font-size:12px;font-weight:700;box-shadow:0 2px 5px #0001}.item-tags span.ng-item{border-color:var(--red)}.counter{height:84px;position:absolute;left:0;right:0;bottom:0;background:#f2f1ec;border-top:6px solid #7f8984;box-shadow:0 -6px 18px #0002;z-index:5}.counter span{display:block;margin:20px auto;border:1px solid #89918d;width:100px;text-align:center;padding:7px;font-size:12px;font-weight:700}.question{text-align:center;font-size:18px;font-weight:700;margin:24px 0 18px}.decision-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.decision{height:82px;border:2px solid;display:grid;grid-template-columns:55px 1fr 55px;align-items:center;background:#fff}.decision small,.decision b{grid-column:2}.decision small{font-size:10px;align-self:end}.decision b{font-size:21px;align-self:start}.decision .key{grid-row:1/3;font-size:22px}.decision.ng{border-color:var(--red);color:var(--red)}.decision.ok{border-color:var(--green);color:var(--green)}.decision.ok .key{grid-column:3;grid-row:1/3}.decision:hover{color:#fff}.decision.ng:hover{background:var(--red)}.decision.ok:hover{background:var(--green)}.result-overlay,.clear-overlay{position:fixed;inset:0;z-index:20;background:#10251deF;display:grid;place-items:center;padding:24px}.result-overlay[hidden],.clear-overlay[hidden],.game[hidden],.intro[hidden]{display:none}.result-card{width:min(850px,100%);background:#fff;display:grid;grid-template-columns:310px 1fr;border-top:8px solid var(--red);box-shadow:0 20px 80px #0008}.speaker{min-height:430px;background:#e0e3e1;display:grid;place-items:end center;overflow:hidden}.speech{padding:55px 48px}.result-type{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.15em}.speech h2{font-size:29px;line-height:1.5}.speech>p:not(.result-type){font-size:14px;line-height:1.9;color:#56615c}.correct-answer{border-left:5px solid var(--red);background:#f2f3f1;padding:13px 16px;font-size:12px;margin:25px 0}.clear-card{width:min(610px,100%);background:#fff;text-align:center;padding:60px 45px;border-top:8px solid var(--gold)}.pass-stamp{display:grid;place-items:center;width:94px;height:94px;margin:auto;border:4px double var(--red);color:var(--red);font-size:30px;font-weight:900;transform:rotate(-7deg)}.clear-card>p{font-size:13px;line-height:1.9;color:#626c67}.clear-card h2{font-size:29px}.clear-card button{display:block;margin:30px auto 0}.human{position:absolute;inset:12px 35px 0}.head{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:59px;height:67px;border-radius:45% 45% 48% 48%;background:#d8ab8a;border:3px solid #384039;z-index:3}.hair{position:absolute;left:50%;top:0;transform:translateX(-50%);width:64px;height:38px;background:#393b38;border-radius:35px 35px 12px 12px;z-index:4}.body{position:absolute;left:50%;top:70px;transform:translateX(-50%);width:140px;height:165px;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:var(--jacket,#283b4c);border:3px solid #333}.shirt{position:absolute;left:50%;top:70px;transform:translateX(-50%);width:52px;height:85px;background:var(--shirt,#fff);clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);z-index:1}.tie{position:absolute;left:50%;top:82px;transform:translateX(-50%);width:17px;height:78px;background:var(--tie,#69312f);clip-path:polygon(50% 0,100% 14%,72% 100%,28% 100%,0 14%);z-index:2}.legs{position:absolute;left:50%;top:226px;transform:translateX(-50%);width:112px;height:87px;border-left:43px solid var(--pants,#2b3032);border-right:43px solid var(--pants,#2b3032)}.shoes{position:absolute;left:50%;top:304px;transform:translateX(-50%);width:154px;height:23px;border-left:65px solid var(--shoes,#2d241e);border-right:65px solid var(--shoes,#2d241e);border-radius:5px}.human.casual .body{background:var(--jacket,#ddd);clip-path:none;width:116px}.human.casual .shirt{display:none}.human.casual .tie{display:none}.human.female .hair{height:82px;width:76px}.human.female .body{width:125px}.human.female .legs{border-left-width:32px;border-right-width:32px;width:90px}.angry-person{position:relative;width:240px;height:390px}.angry-person .human{inset:28px 0 0}.angry-person:before,.angry-person:after{content:"";position:absolute;z-index:8;width:44px;height:7px;background:var(--red);top:70px}.angry-person:before{left:28px;transform:rotate(28deg)}.angry-person:after{right:28px;transform:rotate(-28deg)}.angry-person.staff .body{--jacket:#1f5b3f}.angry-person.member .body{--jacket:#29384a}footer{background:#173b2d;color:#cfd7d2;text-align:center;padding:22px;font-size:11px}
@media(max-width:720px){header{height:auto;min-height:64px;padding:12px 18px}.training-label{display:none}.intro{padding-top:50px}.intro h1{font-size:36px}.intro-text br{display:none}.standards{grid-template-columns:1fr}.standards>div{grid-template-columns:68px 1fr}.standards>div+div{border-left:0;border-top:1px solid var(--line)}.game{padding:20px 12px 45px}.game-status>div{padding:10px 8px;display:block}.game-status small,.game-status strong{display:block}.counter-scene{height:430px}.person-card{left:42%;width:260px}.person-visual{height:305px}.human{transform:scale(.9);transform-origin:top center}.item-tags{right:-135px;top:105px;width:145px}.item-tags span{font-size:10px;padding:7px 8px}.counter{height:72px}.question{font-size:15px}.decision{grid-template-columns:35px 1fr 35px}.decision b{font-size:17px}.result-card{grid-template-columns:1fr}.speaker{min-height:220px}.angry-person{height:220px;transform:scale(.62);transform-origin:bottom center}.speech{padding:30px 25px}.speech h2{font-size:23px}.clear-card{padding:45px 25px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.human:not(.casual) .body:before,.human:not(.casual) .body:after{content:"";position:absolute;top:2px;width:53%;height:90px;border-bottom:3px solid #ffffffaa}.human:not(.casual) .body:before{left:0;transform:skewY(34deg)}.human:not(.casual) .body:after{right:0;transform:skewY(-34deg)}.human.casual .body:after{content:"";position:absolute;left:50%;top:2px;transform:translateX(-50%);width:34px;height:14px;border:3px solid #777;border-top:0;border-radius:0 0 18px 18px}.human.sneakers .shoes{height:27px;border-left-color:var(--shoes);border-right-color:var(--shoes);filter:drop-shadow(0 4px 0 #888)}.human.sneakers .shoes:before,.human.sneakers .shoes:after{content:"×";position:absolute;top:1px;color:#777;font:700 14px Arial}.human.sneakers .shoes:before{left:-57px}.human.sneakers .shoes:after{right:-57px}.de-gaulle-cap{position:absolute;z-index:7;left:50%;top:-9px;transform:translateX(-50%);width:82px;height:31px;background:#1f5b3f;border:3px solid #123c29;border-radius:48% 48% 8px 8px;box-shadow:0 6px 0 #173b2d}.de-gaulle-cap:before{content:"";position:absolute;width:91px;height:9px;left:50%;bottom:-8px;transform:translateX(-50%);background:#173b2d;border-radius:50%}.de-gaulle-cap:after{content:"G";position:absolute;left:50%;top:5px;transform:translateX(-50%);color:#d2b466;font:700 13px Georgia}.angry-person.staff .hair{top:13px}
main{min-height:100svh}.intro{padding-top:64px;padding-bottom:calc(130px + env(safe-area-inset-bottom))}.game{padding-top:22px;padding-bottom:calc(150px + env(safe-area-inset-bottom))}.counter-scene{height:min(430px,52svh)}.person-visual{height:300px}.human{transform:scale(.92);transform-origin:top center}.decision-buttons{margin-bottom:26px}.result-overlay,.clear-overlay{padding-top:32px;padding-bottom:calc(110px + env(safe-area-inset-bottom));overflow-y:auto;align-items:start}.result-card,.clear-card{margin:auto}footer{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
@media(max-width:720px){.intro{padding-top:40px;padding-bottom:calc(150px + env(safe-area-inset-bottom))}.game{padding-top:12px;padding-bottom:calc(180px + env(safe-area-inset-bottom))}.counter-scene{height:min(390px,48svh)}.person-visual{height:280px}.question{margin-top:18px}.decision-buttons{margin-bottom:42px}.result-overlay,.clear-overlay{padding:18px 14px calc(140px + env(safe-area-inset-bottom))}.speech{padding-bottom:42px}footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}
.person-card{top:8px}.human{transform:scale(.86);transform-origin:top center}.counter{height:54px}.counter span{margin:9px auto;padding:5px}.person-visual{height:292px}
@media(max-width:720px){.counter-scene{height:min(405px,52svh);min-height:360px}.person-card{top:4px}.human{transform:scale(.82)}.person-visual{height:270px}.counter{height:48px}.counter span{margin:6px auto;padding:4px}.venue-sign{top:14px;left:14px;padding:8px 12px}.question{margin-top:14px}}
.counter-scene{height:430px;min-height:430px}.person-card{top:2px}.human{transform:scale(.9)}.legs{top:218px;height:70px}.shoes{top:278px;height:27px;z-index:3}.person-visual{height:305px}.counter{height:50px}.counter-scene{overflow:hidden}
@media(max-width:720px){.counter-scene{height:390px;min-height:390px}.person-card{top:0;left:50%}.human{transform:scale(.82)}.person-visual{height:260px}.legs{top:214px;height:68px}.shoes{top:272px;height:29px}.counter{height:45px}.game{overflow:visible}.decision-buttons{position:relative;z-index:6}}