/* Bright digital laboratory: readable type, pixel geometry, original artwork. */
:root{--lab-paper:#f7faff;--lab-blue:#2458f5;--lab-grid:#ccdafa;--lab-ink:#172b4d;--lab-border:#b8cbee;--lab-shadow:#dce6ff}body{background-color:var(--lab-paper);background-image:radial-gradient(var(--lab-grid) .8px,transparent .8px);background-size:16px 16px;color:var(--lab-ink)}.topbar,.header{background:#f7fafff5;border-bottom:2px solid var(--lab-border)}.topbar nav,.header nav{flex-wrap:wrap}.topbar nav a,.header nav button,.header nav a{min-height:44px;display:inline-flex;align-items:center}.topbar,.header{gap:18px}.eyebrow{font-family:Wanted,sans-serif;letter-spacing:.12em}.tag,.world-tag,.q-kind,.simulation-label{border-radius:0!important;background:#e8efff;border:1px solid #c0d2ff;padding:5px 8px;color:#244fc0}.hero-card,.partner,.world-start,.play-panel,.tactic,.answers button,.lesson-current,.concept-flow>div,.concept-three>div,.concept-comparison>div,.rank-step,.lab-form,.lab-preview,.raw-sources,.agent-console,.practice-completion,.vault-workspace,.training input,.training textarea,.training select,.lesson-code{border-radius:0!important}.hero-card,.partner,.play-panel,.lesson-current,.rank-step,.lab-form,.lab-preview,.raw-sources,.vault-workspace,.slide{border:1px solid var(--lab-border);box-shadow:5px 5px 0 var(--lab-shadow)}button,.button{border-radius:0;min-height:44px}.primary,.world-practice{box-shadow:3px 3px 0 #a9beff}.primary:active,.world-practice:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #a9beff}.rank-step[aria-current]{box-shadow:4px 4px 0 #2458f5}.rank-step[aria-current] strong:before{content:'▣ ';color:#2458f5}.level{border:1px solid #acc2fa!important;border-radius:0;background:#e8efff;padding:10px 12px;box-shadow:3px 3px 0 #d3dfff}.level strong{color:#1744c9}.arena{border-radius:0;border:2px solid #6c8de3;box-shadow:6px 6px 0 #d1defe;background-color:#172b4d;background-image:linear-gradient(#adc7ff10 1px,transparent 1px),linear-gradient(90deg,#adc7ff10 1px,transparent 1px);background-size:24px 24px}.enemy-orb{border-radius:10%;box-shadow:6px 6px 0 #586095}.enemy-orb:before{border-radius:0;transform:rotate(12deg)}progress,progress::-webkit-progress-value{border-radius:0}.orbit{border-radius:0;border:1px dashed #a9bfee;transform:rotate(-8deg);background:linear-gradient(135deg,#e2ebff88,transparent)}.orbit:before,.orbit:after{border-radius:0}.hero-card{box-shadow:7px 7px 0 #c5d5f588}.hero-art{isolation:isolate}.art-caption:before,.art-caption:after{content:' ▪ ▪ ▪ ';color:#2458f5}.learning-strip,.lesson-takeaway,.mission{border:1px solid #b6c9f9;border-left:5px solid #2458f5;border-radius:0;background:#eaf0ff}.rank-section,.section,.ticker{border-color:#c2d2f2}.course-row{border-color:#c2d2f2}.course-num{font-weight:800}.course-row .tag{font-size:11px}.four h3{font-variant-numeric:tabular-nums}.lesson-tools{background:#f7fafff5;border-color:#b8cbee}.toc a{min-height:44px;display:flex;align-items:center}.lesson-nav button{min-height:44px;font-size:12px}.document textarea{border-color:#9bb5eb;box-shadow:4px 4px 0 #e0e9ff}.document .check{min-height:44px}.document .check input{flex-shrink:0}.lab-art{border:2px solid #1744c9;box-shadow:8px 8px 0 #cfddff}.lab-art:after{border-radius:0;transform:rotate(15deg)}.pixel-brand{display:flex!important;align-items:center;gap:12px;letter-spacing:0}.pixel-brand img{width:140px;height:44px;object-fit:contain}.pixel-brand small,.pixel-brand span{font-size:9px;letter-spacing:1.5px;line-height:1.5;color:#536b94}.concept-figure{margin:26px 0;min-width:0;max-width:100%;break-inside:avoid}.concept-open{display:block!important;width:100%;padding:0!important;text-align:left;background:white!important;border:1px solid var(--lab-border)!important;border-radius:0!important;color:var(--lab-ink)!important;box-shadow:5px 5px 0 #dce6ff;cursor:zoom-in;overflow:hidden}.concept-board{display:block;position:relative;background:white;aspect-ratio:4/3;isolation:isolate;overflow:hidden}.concept-image{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain}.concept-logos{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:1.7%;left:4%;right:4%;height:6.8%;gap:18px;background:white;pointer-events:none}.concept-logos img{display:block;height:100%!important;width:auto!important;max-width:35%!important;object-fit:contain}.concept-logos img:first-child{max-width:45%!important}.concept-zoom{display:block;padding:9px 15px;font-size:12px;line-height:1.5;border-top:1px dashed #c1d2f4;color:#2458f5;background:#f2f6ff}.concept-figure figcaption{display:flex;flex-direction:column;gap:5px;padding:12px 4px;font-size:14px;line-height:1.7;color:#53637c}.concept-figure figcaption strong{color:#254377;font-size:15px;letter-spacing:0}.concept-fallback{position:absolute;inset:0;align-items:center;justify-content:center;padding:24px;font-size:16px;text-align:center;background:#eff4ff}.concept-fallback:not([hidden]){display:flex}.concept-fallback[hidden]{display:none}.image-missing .concept-image{visibility:hidden}.concept-dialog{width:min(1100px,96vw);max-width:96vw;max-height:94dvh;box-sizing:border-box;margin:auto;padding:18px;background:#f7faff;border:2px solid #2458f5;box-shadow:8px 8px 0 #101f4266;border-radius:0;color:#172b4d}.concept-dialog::backdrop{background:#0c1d3dc7}.concept-dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-18px;background:#f7faff;z-index:2;padding-bottom:12px}.concept-dialog-toolbar strong{font-size:16px;letter-spacing:0}.concept-close{min-height:44px;background:white;color:#2458f5;border:1px solid #9db6ef;padding:8px 16px}.concept-dialog-content .concept-board{min-width:0;width:100%}.lab-concept{max-width:760px;margin:24px auto}.rank-section>.concept-figure{max-width:900px;margin:28px auto}.hero>.concept-figure{margin:0}.briefing-document .lesson>.concept-figure{max-width:900px}.briefing-document .header{flex-wrap:wrap}.presenting .slide .concept-figure{float:none;max-width:none;margin:0}.presenting .slide .concept-image{max-height:none;width:100%}.presenting .slide.has-concept .concept-figure{position:absolute;left:4.063cqw;top:19cqw;width:46cqw}.presenting .slide.has-concept .concept-zoom,.presenting .slide.has-concept figcaption{display:none}.presenting .slide.has-concept>.points,.presenting .slide.has-concept>table,.presenting .slide.has-concept>.prompt{margin-left:50cqw;width:41cqw;font-size:1.35cqw}.presenting .slide.has-concept>.points{padding-left:1.5cqw}.presenting .slide.has-concept .prompt{padding:1cqw}.presenting .slide.has-concept>.visual-summary{display:none}
@media(max-width:800px){.topbar{flex-wrap:wrap}.topbar nav{gap:8px 18px;white-space:normal}.header nav{gap:0 15px}.hero>.concept-figure{max-width:600px}.rank-step{min-height:134px}.hero-card,.play-panel,.lesson-current,.slide{box-shadow:3px 3px 0 var(--lab-shadow)}.concept-figure{margin:22px 0}.concept-dialog{padding:10px;max-height:94dvh}.concept-dialog-toolbar{top:-10px}.concept-dialog-content{overflow:auto}.concept-dialog-content .concept-board{min-width:680px}.concept-dialog-content:before{content:'좌우로 밀어서 그림을 살펴보세요';display:block;font-size:12px;color:#53637c;margin-bottom:10px}.concept-logos{gap:10px}.concept-zoom{font-size:12px}.pixel-brand img{width:125px;height:39px}.presenting .slide.has-concept .concept-figure{position:static;width:100%;margin:18px 0}.presenting .slide.has-concept>.points,.presenting .slide.has-concept>table,.presenting .slide.has-concept>.prompt{margin-left:0;width:100%;font-size:16px}.presenting .slide.has-concept>.points{padding-left:24px}.presenting .slide.has-concept .prompt{padding:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:white!important}.concept-dialog,.concept-zoom{display:none!important}.concept-open{box-shadow:none!important;border:0!important}.concept-figure{break-inside:avoid}.concept-figure figcaption{font-size:11px}.concept-logos img{max-height:none!important}.pixel-brand{display:none!important}}
@media screen and (min-width:801px){.presenting .slide.has-concept .concept-figure{left:4.063cqw;top:16.5cqw;width:39cqw}.presenting .slide.has-concept>.points,.presenting .slide.has-concept>table,.presenting .slide.has-concept>.prompt{margin-left:44cqw;width:47cqw;font-size:1.35cqw}.presenting .slide.has-concept>.points{margin-top:1cqw}.presenting .slide.has-concept .concept-open{box-shadow:none}}
#lab-content>.concept-figure{max-width:760px;margin:24px auto}.concept-dialog:not([open]){display:none}
@media screen and (min-width:801px){.presenting .slide.has-concept .concept-figure{top:19cqw;width:35.5cqw}}
