body.career-path-open #case-detail{overflow:hidden;background:#bdbdbd}body.career-path-open #orbit-stage{visibility:hidden}body.career-path-open .detail-copy,body.career-path-open .detail-brand,body.career-path-open .case-close{display:none}body.career-path-open #game-window.cp-active{position:fixed;inset:0;z-index:2;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#bdbdbd;display:block;overflow:auto;color:#10131c;overscroll-behavior:contain}
.cp-shell{--cp-font:'Room Arcade','Courier New',monospace;box-sizing:border-box;min-height:100svh;padding:7px;background:#bdbdbd;border:3px outset #ececec;font-family:var(--cp-font);color:#10131c;display:flex;flex-direction:column;gap:7px;text-shadow:none;outline:none}.cp-shell *{box-sizing:border-box}.cp-shell button{border-radius:0;cursor:pointer;touch-action:manipulation;backdrop-filter:none;text-shadow:none;font-family:var(--cp-font)}.cp-shell button:focus-visible,.cp-source:focus-visible{outline:2px dashed #10131c;outline-offset:-7px}.cp-shell button:disabled{cursor:default}.cp-titlebar{display:flex;justify-content:space-between;align-items:center;background:#005767;color:white;padding:5px 8px;font:13px/1.5 var(--cp-font);min-height:31px}.cp-shell .cp-close{border:2px outset #eee;background:#bebebe;color:#111;box-shadow:none;width:28px;height:26px;font:bold 22px/1 Arial;padding:0}.cp-tabs{display:flex;gap:5px;min-height:52px}.cp-tab-active,.cp-shell .cp-tab{padding:14px 25px;display:flex;align-items:center;justify-content:center;font:16px/1.4 var(--cp-font);background:#c3c3c3;color:#181c24;border:2px outset #efefef;box-shadow:none;flex:1}.cp-tab-active{background:#eeede5;flex:1.2;border-bottom-color:#eeede5}.cp-shell .cp-tab:hover{background:#d6d6d6}.cp-band{background:#005767;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border:3px inset #ddd;gap:20px}.cp-band h1{font:clamp(30px,4.5vw,64px)/1.1 var(--cp-font);letter-spacing:-.04em;margin:0}.cp-stats{display:flex;gap:24px;white-space:nowrap;font:clamp(13px,1.7vw,24px)/1.4 var(--cp-font)}.cp-stats span{padding-left:24px;border-left:2px solid #d8e1e3}.cp-main{background:#efeee6;border:3px inset #e8e8e8;padding:25px clamp(20px,3vw,50px) 18px;display:flex;flex-direction:column;flex:1;justify-content:center;gap:14px}.cp-main h2{text-align:center;font:clamp(22px,3vw,40px)/1.4 var(--cp-font);letter-spacing:-.04em;margin:0}.cp-caption{text-align:center;margin:0;color:#6d6d6d;font:10px/1.5 var(--cp-font);letter-spacing:1px}.cp-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:15px 0;margin:0;list-style:none}.cp-club{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;min-width:0}.cp-club:not(:last-child):after{content:'';position:absolute;right:-30px;top:42%;width:30px;height:20px;background:#737579;clip-path:polygon(0 32%,65% 32%,65% 0,100% 50%,65% 100%,65% 68%,0 68%)}.cp-crest{height:clamp(90px,17vh,185px);width:100%;max-width:200px;object-fit:contain}.cp-crest[hidden],.cp-crest-fallback[hidden]{display:none}.cp-crest-fallback{display:grid;place-items:center;min-height:100px;font-size:40px;color:#005767}.cp-club-name{font:clamp(13px,1.7vw,24px)/1.35 var(--cp-font);min-height:2.7em;display:flex;align-items:center;justify-content:center}.cp-years{font:clamp(12px,1.55vw,21px)/1.4 var(--cp-font);white-space:nowrap}.cp-clues{display:flex;justify-content:center;gap:30px;min-height:22px;font:12px/1.6 var(--cp-font);color:#005767}.cp-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;border-top:2px solid #8c8c8c;padding:23px 5% 0}.cp-shell .cp-button{background:#c2c2c2;color:#111621;border:4px outset #e5e5e5;box-shadow:1px 1px #505054;padding:15px 22px;min-height:50px;font:clamp(12px,1.5vw,21px)/1.4 var(--cp-font);letter-spacing:-.025em}.cp-shell .cp-button:hover:not(:disabled){background:#d3d3d3}.cp-shell .cp-button:active:not(:disabled){border-style:inset}.cp-shell .cp-answer{min-height:66px}.cp-shell .cp-answer:disabled{opacity:1;color:#666}.cp-shell .cp-answer.cp-correct{background:#c4dccd;border-color:#3d785a;color:#153f29}.cp-shell .cp-answer.cp-wrong{background:#e0baba;border-color:#a04c4c;color:#6c1b1b}.cp-feedback{display:flex;align-items:center;justify-content:center;gap:25px;min-height:50px;font:14px/1.5 var(--cp-font);flex-wrap:wrap}.cp-source{font:11px/1.5 'Courier New',monospace;color:#005767;text-underline-offset:3px}.cp-shell .cp-next{background:#005767;color:#fff;min-width:180px;font-size:15px}.cp-shell .cp-next:hover:not(:disabled){background:#086f7d}.cp-next:focus-visible{outline-color:#fff!important}.cp-footer{display:flex;justify-content:space-between;gap:20px;padding:5px 0}.cp-footer-right{display:flex;gap:16px}.cp-footer .cp-button{font-size:13px;min-width:135px}.cp-footer .cp-button:disabled{color:#777}.cp-credit{text-align:right;padding:0 12px 3px;color:#555;font:9px/1.5 var(--cp-font)}.cp-help{align-items:stretch;padding:25px max(25px,12vw);gap:22px}.cp-rule h3{font:18px/1.4 var(--cp-font);margin:0 0 8px}.cp-rule p,.cp-example p{font:18px/1.5 'Courier New',monospace;margin:0}.cp-example{border:2px solid #005767;padding:20px;display:grid;gap:12px}.cp-small{font:14px/1.5 'Courier New',monospace;margin:0}.cp-results{align-items:center}.cp-result-score{font-size:60px;color:#005767}.cp-result-info{font-size:14px}.cp-review{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;width:min(800px,100%);font:16px/1.5 'Courier New',monospace}.cp-review>div{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding:4px 0}.cp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:901px) and (max-height:800px){.cp-titlebar{min-height:25px;font-size:11px}.cp-tabs{min-height:40px}.cp-tab-active,.cp-shell .cp-tab{padding:9px 15px;font-size:13px}.cp-band{padding:13px 22px}.cp-band h1{font-size:46px}.cp-main{padding:18px 28px 10px;gap:10px}.cp-main h2{font-size:28px}.cp-crest{height:125px}.cp-timeline{gap:36px;padding:8px 0}.cp-club{gap:9px}.cp-club-name{font-size:18px}.cp-years{font-size:17px}.cp-answers{gap:12px 24px;padding-top:15px}.cp-shell .cp-answer{min-height:55px;padding:12px;font-size:17px}.cp-feedback{min-height:40px}.cp-footer .cp-button{min-height:42px;padding:10px 14px;font-size:12px}.cp-shell .cp-next{min-height:40px;padding:8px 16px}.cp-help{gap:14px}}
@media(max-width:900px){.cp-band{padding:16px;flex-wrap:wrap}.cp-stats{font-size:14px}.cp-band h1{font-size:38px}.cp-tab-active,.cp-shell .cp-tab{font-size:11px;padding:12px 8px}.cp-main{padding:22px 18px;gap:16px}.cp-timeline{gap:24px}.cp-club:not(:last-child):after{right:-22px;width:20px;height:14px}.cp-years{font-size:11px}.cp-footer{gap:8px}.cp-footer-right{gap:8px}.cp-footer .cp-button{min-width:0;font-size:10px;padding:10px}.cp-answers{padding-left:0;padding-right:0}.cp-clues{font-size:10px;gap:15px}.cp-help{padding:25px}}
@media(max-width:600px){.cp-shell{padding:4px;border-width:2px;gap:5px}.cp-titlebar{font-size:9px;padding:4px}.cp-tabs{flex-wrap:wrap;gap:3px}.cp-tab-active,.cp-shell .cp-tab{flex:1 1 45%;min-height:37px;font-size:10px;padding:9px}.cp-band{gap:16px;padding:16px 12px}.cp-band h1{font-size:32px}.cp-stats{justify-content:space-between;width:100%;font-size:12px;gap:8px}.cp-stats span{border:0;padding:0}.cp-main{padding:20px 12px;gap:15px}.cp-main h2{font-size:21px}.cp-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.cp-crest{height:90px}.cp-club{gap:8px}.cp-club-name{font-size:13px;min-height:2.7em}.cp-years{font-size:12px}.cp-club:nth-child(2):after{content:none}.cp-club:nth-child(3):before{content:'3';position:absolute;left:0;top:0;font:10px var(--cp-font);color:#777}.cp-club:nth-child(4):before{content:'4';position:absolute;left:0;top:0;font:10px var(--cp-font);color:#777}.cp-answers{gap:10px;padding-top:18px}.cp-shell .cp-answer{font-size:12px;min-height:58px;padding:10px 6px}.cp-clues{flex-direction:column;align-items:center;gap:6px;font-size:10px}.cp-clues span:empty{display:none}.cp-feedback{gap:12px;font-size:12px}.cp-feedback strong{width:100%;text-align:center}.cp-footer{flex-wrap:wrap}.cp-footer>.cp-button{flex:1}.cp-footer-right{width:100%;display:flex}.cp-footer-right .cp-button{flex:1;min-height:43px;font-size:10px;padding:8px 4px}.cp-credit{font-size:7px}.cp-rule h3{font-size:14px}.cp-rule p,.cp-example p{font-size:16px}.cp-small{font-size:12px}.cp-result-score{font-size:42px}.cp-result-info{font-size:10px}.cp-review{grid-template-columns:1fr;font-size:15px}}