:root{--opc-ink: #151318;--opc-panel: #fff8e7;--opc-paper: #fffdf4;--opc-paper-strong: #fff8e7;--opc-line: #000;--opc-muted: #6f655c;--opc-brown: #2b242b;--opc-brown-dark: #151318;--opc-bg: #151318;--opc-bg-soft: #fffdf4;--opc-teal: #18d7c7;--opc-teal-dark: #088d84;--opc-yellow: #ffd43b;--opc-shadow: #000;--opc-pink: #ff5f8f;--opc-purple: #9d79ff;--opc-blue: #68a4ff;--opc-orange: #ff8a3d;--opc-green: #8be36a;--opc-red: #ff5f57;--opc-lime: #c9ef54;--page-width: 1520px;--page-gutter: clamp(6px, 1vw, 14px);color:var(--opc-ink);background:var(--opc-bg);font-family:Inter,Noto Sans SC,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at 18% 16%,rgba(255,212,59,.35),transparent 28%),radial-gradient(circle at 78% 24%,rgba(24,215,199,.28),transparent 27%),radial-gradient(circle at 68% 86%,rgba(255,95,143,.2),transparent 26%),#151318;background-position:0 var(--bg-grid-y, 0px),var(--bg-grid-x, 0px) var(--bg-grid-far-y, 0px),0 var(--bg-glow-a-y, 0px),0 var(--bg-glow-b-y, 0px),0 var(--bg-glow-c-y, 0px),0 0;background-size:34px 34px,34px 34px,auto,auto,auto,auto;color:var(--opc-ink)}button,a{font:inherit}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;padding:28px var(--page-gutter) 64px}.parallax-layer{--parallax-x: 0px;--parallax-y: 0px;--parallax-rotate: 0deg;--parallax-scale: 1;transform:translate3d(var(--parallax-x),var(--parallax-y),0) scale(var(--parallax-scale)) rotate(var(--parallax-rotate));transform-origin:center;will-change:transform,opacity}.topbar{position:relative;z-index:80;display:flex;align-items:center;justify-content:space-between;width:min(var(--page-width),100%);min-height:64px;margin:0 auto 44px;padding:8px 20px;border:3px solid #fff;border-radius:0;background:var(--opc-panel);box-shadow:8px 8px #000}.brand-mark{display:inline-flex;align-items:center;gap:2px;color:var(--opc-ink);font-weight:1000}.brand-icon{display:block;width:72px;height:56px;object-fit:contain;filter:drop-shadow(3px 3px 0 #000)}.topnav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.topnav a{padding:9px 13px;border:2px solid transparent;border-radius:0;color:#4b4240;font-size:14px;font-weight:900}.topnav a:hover,.topnav a:focus-visible{border-color:#000;background:var(--opc-teal);box-shadow:3px 3px #000;color:#101010;outline:0}.hero-section{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:34px;align-items:stretch;width:min(var(--page-width),100%);margin:0 auto 42px;padding:32px;min-height:min(720px,calc(100vh - 160px));overflow:hidden;isolation:isolate}.hero-section:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#151318f2,#151318b8 42%,#15131866),linear-gradient(180deg,#15131842,#151318eb),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:auto,auto,100% 9px;content:""}.hero-video-backdrop{position:absolute;top:-36px;right:-36px;bottom:-36px;left:-36px;z-index:-2;overflow:hidden;background:#0d0b0f}.hero-video-backdrop-media{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;filter:saturate(1.2) contrast(1.08) brightness(.62)}.hero-copy{position:relative;z-index:1;padding-top:24px;min-width:0;max-width:100%}.eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:9px 14px;border:3px solid #000;border-radius:0;background:#fff;box-shadow:5px 5px #000;color:var(--opc-ink);font-size:12px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{width:10px;height:10px;border:2px solid #000;background:var(--opc-green);content:""}.hero-copy h1{max-width:780px;margin:22px 0 18px;color:var(--opc-panel);font-size:clamp(54px,6.1vw,88px);font-weight:1000;letter-spacing:0;line-height:1.04;text-shadow:7px 7px 0 #000;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}.hero-section>*{min-width:0}.hero-subtitle{min-height:44px;margin:0 0 20px;color:#fff;font-size:clamp(24px,3.1vw,38px);font-weight:1000;line-height:1.3}.hero-intro{max-width:680px;margin:0;color:#e9dfc9;font-size:18px;font-weight:800;line-height:1.8;overflow-wrap:anywhere}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-device{position:relative;z-index:1;min-height:520px;overflow:hidden;padding:18px;border:4px solid #fff;border-radius:0;background:#0d0b0f;box-shadow:10px 10px #000;isolation:isolate}.hero-device:before{position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:0;border:4px solid #000;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),#0d0b0f2e;background-size:100% 10px,auto;content:""}.hero-device:after{position:absolute;top:22px;right:22px;bottom:22px;left:22px;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0d0b0f9e,#0d0b0f0f 48%,#0d0b0f94),linear-gradient(180deg,#0d0b0f1a,#0d0b0fdb);content:""}.hero-illustration{position:absolute;top:22px;right:22px;bottom:22px;left:22px;z-index:1;width:calc(100% - 44px);height:calc(100% - 44px);object-fit:cover;object-position:center;opacity:.86;filter:saturate(1.18) contrast(1.08) brightness(.92)}.hero-device-video{display:block}.hero-console{position:absolute;right:38px;bottom:38px;z-index:2;width:min(470px,calc(100% - 76px));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff}.hero-greeting-video{position:relative;z-index:1;width:100%;padding:12px;overflow:visible;border:3px solid #000;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),#0d0b0f;background-size:100% 8px,auto;box-shadow:7px 7px #000}.hero-greeting-video:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.18) 42%,transparent 58%);animation:video-sweep 4.2s infinite linear;content:""}.video-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--opc-panel);font-size:12px;font-weight:1000;letter-spacing:.08em}.video-topline strong{padding:4px 7px;border:2px solid #000;background:var(--opc-green);color:#101010;line-height:1}.greeting-cast{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-items:end}.greeting-avatar{position:relative;display:grid;place-items:center;aspect-ratio:1 / 1;border:2px solid #000;background:var(--opc-panel);box-shadow:3px 3px #000;animation:avatar-wave 1.8s var(--wave-delay) infinite ease-in-out}.greeting-avatar img{width:112%;height:112%;object-fit:cover}.greeting-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:4;width:max-content;max-width:210px;padding:6px 8px;transform:translate(-50%) translateY(4px);border:2px solid #000;background:var(--opc-yellow);box-shadow:3px 3px #000;color:var(--opc-ink);font-size:12px;font-weight:1000;line-height:1.2;text-align:center;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.greeting-tooltip strong,.greeting-tooltip em,.greeting-tooltip small{display:block}.greeting-tooltip em{margin-top:4px;font-style:normal;font-weight:800}.greeting-tooltip small{margin-top:5px;color:#151318b3;font-size:11px}.greeting-tooltip:after{content:"";position:absolute;left:50%;bottom:-8px;width:10px;height:10px;transform:translate(-50%) rotate(45deg);border-right:2px solid #000;border-bottom:2px solid #000;background:var(--opc-yellow)}.greeting-avatar:hover,.greeting-avatar:focus,.greeting-avatar:focus-within{z-index:5;outline:0}.greeting-avatar:hover .greeting-tooltip,.greeting-avatar:focus .greeting-tooltip,.greeting-avatar:focus-within .greeting-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.hero-greeting-video p{position:relative;z-index:1;margin:10px 0 0;padding:8px 10px;border:2px solid #000;background:var(--opc-yellow);color:var(--opc-ink);font-size:15px;font-weight:1000;line-height:1.35}.device-top,.device-note{display:flex;align-items:center;justify-content:space-between;color:var(--opc-panel);font-weight:1000}.signal-pill{padding:5px 9px;border:2px solid #000;border-radius:0;background:var(--opc-green);color:#101010;font-size:12px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 18px}.app-tile{display:grid;min-height:82px;place-items:center;padding:8px;border:3px solid #000;border-radius:0;background:var(--opc-blue);box-shadow:4px 4px #000;color:#101010;font-size:16px;font-weight:1000;animation:tile-pop .52s var(--tile-delay) both cubic-bezier(.16,1,.3,1)}.app-tile:nth-child(2){background:var(--opc-pink)}.app-tile:nth-child(3){background:var(--opc-yellow)}.app-tile:nth-child(4){background:var(--opc-orange)}.app-tile:nth-child(5){background:var(--opc-teal)}.app-tile:nth-child(6){background:var(--opc-green)}.hero-command{display:grid;gap:4px;margin:0 0 14px;padding:14px;border:3px solid #000;background:#0d0b0f;color:#9fe;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:900;line-height:1.45}.hero-command span{color:#ffe577}.hero-command strong{overflow-wrap:anywhere}.device-note{justify-content:center;padding:12px;border:3px solid #000;background:var(--opc-panel);color:var(--opc-ink);text-align:center;line-height:1.6}.stats-strip,.content-section{width:min(var(--page-width),100%);margin:0 auto}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:58px}.stat-card{text-align:center}.stat-card strong{display:block;color:var(--opc-ink);font-size:34px;line-height:1}.stat-card span{display:block;margin-top:8px;color:var(--opc-muted);font-weight:900}.content-section{margin-top:42px;padding:20px;scroll-margin-top:32px;border:4px solid #000;background:var(--opc-paper);box-shadow:10px 10px #000}.section-heading{display:grid;gap:12px;justify-items:start;margin:0 0 24px;text-align:left}.section-heading h2,.todo-card h2{margin:0;color:var(--opc-ink);font-size:clamp(34px,4.5vw,58px);font-weight:1000;letter-spacing:0;line-height:1.02}.section-heading p,.todo-card p{max-width:760px;margin:0;color:var(--opc-muted);font-size:17px;font-weight:800;line-height:1.8}.section-subcopy{margin:0 0 20px;color:var(--opc-muted);font-size:16px;font-weight:800;line-height:1.7}.island-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-bottom:18px}.island-tab{min-height:42px;padding:0 18px;border:3px solid #000;border-radius:0;background:#fff;color:var(--opc-muted);box-shadow:4px 4px #000;cursor:pointer;font-weight:1000}.island-tab.active{background:var(--opc-yellow);color:var(--opc-ink);box-shadow:5px 5px #000}.course-showcase{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.96fr);gap:18px;align-items:stretch}.course-board{max-width:none;margin:0;padding:clamp(22px,4vw,36px)}.course-workbench{position:relative;min-width:0;min-height:100%;margin:0;overflow:hidden;border:4px solid #000;background:#0d0b0f;box-shadow:7px 7px #000;isolation:isolate}.course-workbench:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0d0b0f00 36%,#0d0b0fb8),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:auto,100% 9px;content:""}.course-workbench img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.04)}.course-side{align-self:start;display:grid;min-width:0}.course-card-art{align-self:start;display:block;min-height:0;padding:clamp(8px,1.4vw,12px);background:#fff}.course-card-art:after{display:none}.course-card-art img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:1672 / 941;object-fit:contain;border:3px solid #000;background:#fff;filter:none}.course-board h3{margin:10px 0 12px;color:var(--opc-ink);font-size:clamp(28px,4vw,44px);line-height:1.18}.course-board p{color:var(--opc-muted);font-size:18px;font-weight:800;line-height:1.85}.challenge-card{display:grid;gap:8px;margin:24px 0;padding:20px;border:3px dashed #000;border-radius:0;background:#fff}.challenge-card span{color:var(--opc-teal-dark);font-size:13px;font-weight:1000}.challenge-card strong{color:var(--opc-ink);font-size:19px;line-height:1.6}.teacher-note{display:grid;gap:7px;margin:14px 0;padding:14px;border:3px solid #000;background:#fff;box-shadow:4px 4px #000}.teacher-note span{color:var(--opc-teal-dark);font-size:13px;font-weight:1000}.teacher-note p{margin:0;color:#151318cc;font-size:15px;font-weight:850;line-height:1.65}.output-note{background:var(--opc-paper-strong)}.flow-builder{display:grid;gap:12px;margin:18px 0;padding:16px;border:3px solid #000;background:var(--opc-paper-strong);box-shadow:4px 4px #000}.flow-builder>span{color:var(--opc-teal-dark);font-size:13px;font-weight:1000}.flow-game-picker{display:flex;flex-wrap:wrap;gap:8px}.flow-game-picker button{padding:7px 10px;border:2px solid #000;background:#fff;color:var(--opc-ink);cursor:pointer;font-weight:1000}.flow-game-picker button.active{background:var(--opc-yellow);box-shadow:3px 3px #000}.flow-xray-list{display:grid;gap:8px}.flow-xray-list p{display:grid;grid-template-columns:56px 1fr;gap:10px;margin:0;color:#151318d1;font-size:14px}.flow-xray-list strong{color:var(--opc-ink)}.flow-xray-editor{display:grid;gap:10px}.flow-xray-editor label{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:start;color:var(--opc-ink);font-size:13px;font-weight:1000}.flow-xray-editor input,.flow-xray-editor textarea{width:100%;padding:8px 10px;border:2px solid #000;background:#fff;color:var(--opc-ink);font:inherit;font-weight:850;line-height:1.5}.flow-xray-editor input{min-height:42px}.flow-xray-editor textarea{min-height:54px;resize:vertical}.bug-prompt-grid{display:grid;gap:10px}.bug-prompt-grid label{display:grid;gap:6px;color:var(--opc-ink);font-size:13px;font-weight:1000}.bug-prompt-grid textarea{width:100%;min-height:70px;resize:vertical;padding:8px 10px;border:2px solid #000;background:#fff;color:var(--opc-ink);font:inherit;font-weight:850;line-height:1.5}.flow-hint{margin:0;color:#151318b8;font-size:14px;font-weight:850}.flow-bridge{display:grid;gap:8px;padding:12px;border:2px dashed #000;background:#fff}.flow-bridge p{margin:0;color:#151318d1;font-size:14px;font-weight:850;line-height:1.7}.flow-bridge strong{color:var(--opc-ink)}.flow-bridge button{width:fit-content;padding:8px 12px;border:2px solid #000;background:var(--opc-yellow);box-shadow:3px 3px #000;color:var(--opc-ink);cursor:pointer;font-weight:1000}.declaration-xray-summary{display:grid;gap:8px;padding:12px;border:2px solid #000;background:#fff}.declaration-xray-summary p{display:grid;grid-template-columns:52px 1fr;gap:10px;margin:0;color:#151318d6;font-size:14px;font-weight:850;line-height:1.55}.declaration-xray-summary strong{color:var(--opc-ink)}.brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brief-grid label,.flow-custom-idea{display:grid;gap:6px;color:var(--opc-ink);font-size:13px;font-weight:1000}.brief-grid input,.flow-custom-idea input{width:100%;min-height:42px;padding:8px 10px;border:2px solid #000;background:#fff;color:var(--opc-ink);font:inherit;font-weight:850}.generated-brief{margin:0;padding:12px;border:2px dashed #000;background:#fff;color:var(--opc-ink);font-size:15px;font-weight:900;line-height:1.7}.takeaway-row{display:flex;flex-wrap:wrap;gap:10px}.takeaway-row span,.game-tag{display:inline-flex;padding:7px 12px;border:2px solid #000;border-radius:0;background:var(--opc-teal);color:var(--opc-ink);font-size:12px;font-weight:1000;white-space:nowrap}.course-actions,.todo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.equipment-grid,.game-grid{display:grid;gap:18px}.equipment-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.equipment-card{min-height:250px}.step-number{display:grid;width:42px;height:42px;place-items:center;border:3px solid #000;border-radius:0;background:var(--opc-yellow);color:var(--opc-ink);box-shadow:3px 3px #000;font-weight:1000}.equipment-card h3,.game-card h3{margin:16px 0 10px;color:var(--opc-ink);font-size:23px;line-height:1.18}.equipment-card code{display:block;margin:0 0 12px;padding:10px 12px;overflow-wrap:anywhere;border:3px solid #000;border-radius:0;background:#0d0b0f;color:#9fe;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:900;line-height:1.55;white-space:pre-line}.equipment-card p,.game-card p{margin:0;color:#151318c7;font-size:14px;font-weight:800;line-height:1.75}.equipment-note,.todo-empty,.modal-tip{color:#151318b8;font-size:14px;font-weight:800}.modal-lead{margin-top:0;color:var(--opc-ink);font-weight:900;line-height:1.7}.tool-link{display:flex;min-height:52px;align-items:center;margin:0 0 12px;padding:10px 12px;border:3px solid #000;background:var(--opc-teal);color:var(--opc-ink);box-shadow:4px 4px #000;font-size:14px;font-weight:1000;line-height:1.35}.tool-link-stack{display:grid;gap:10px;margin-bottom:12px}.tool-link-secondary{background:#fff}.assessment-flow{display:grid;gap:18px;width:100%;max-width:none;margin:0 auto}.assessment-questions{display:grid;gap:14px}.assessment-toolbar{display:grid;gap:10px 14px;align-items:center;margin-top:16px;padding:14px;border:3px solid #000;background:var(--opc-paper-strong);box-shadow:6px 6px #000}.assessment-progress{display:flex;align-items:baseline;gap:9px}.assessment-progress span{color:var(--opc-muted);font-size:12px;font-weight:1000;letter-spacing:.08em}.assessment-progress strong{color:var(--opc-ink);font-size:28px;line-height:1}.assessment-stepper{display:grid;gap:10px;margin-bottom:18px}.assessment-step-track{height:12px;overflow:hidden;border:3px solid #000;background:#fff}.assessment-step-fill{height:100%;background:linear-gradient(90deg,var(--opc-teal) 0%,var(--opc-yellow) 100%);transition:width .22s ease}.assessment-card h3{margin:0 0 14px;color:var(--opc-ink);font-size:19px;line-height:1.45}.assessment-card.missing{background:#ffe0d8;box-shadow:7px 7px #000}.assessment-options{display:grid;gap:8px}.assessment-option{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:flex-start;width:100%;padding:10px 12px;border:2px solid #000;background:#fff;color:var(--opc-ink);cursor:pointer;text-align:left}.assessment-option span{display:grid;width:30px;height:30px;place-items:center;border:2px solid #000;background:var(--opc-panel);font-size:13px;font-weight:1000}.assessment-option strong{font-size:14px;font-weight:900;line-height:1.55}.assessment-option:hover{background:#f9f3df}.assessment-option.active{background:var(--opc-yellow);box-shadow:4px 4px #000}.assessment-result,.island-card.assessment-result{overflow:visible}.assessment-result.has-result .persona-card,.assessment-result.has-result .persona-main{gap:12px}.assessment-result.has-result .persona-main img{width:min(100%,310px)}.assessment-result.has-result .persona-main h3{font-size:clamp(30px,3.7vw,42px)}.assessment-result.has-result .persona-main p{margin:4px 0;line-height:1.5}.assessment-result.has-result .dimension-board{gap:7px;padding:10px}.assessment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.assessment-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.assessment-warning{grid-column:1 / -1;margin:0;padding:10px 12px;border:3px solid #000;background:var(--opc-red);color:var(--opc-ink);box-shadow:4px 4px #000;font-size:14px;font-weight:1000;line-height:1.5}.no-assessment h3{margin:0 0 8px;color:var(--opc-ink);font-size:22px}.no-assessment p{margin:0;color:var(--opc-muted);font-weight:800;line-height:1.7}.persona-card{display:grid;gap:16px}.persona-main{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.persona-main img{width:min(100%,520px);justify-self:center;aspect-ratio:1 / 1;border:4px solid #000;object-fit:cover;box-shadow:7px 7px #000}.persona-label{display:inline-flex;margin-bottom:6px;padding:6px 10px;border:2px solid #000;background:#fff;font-size:11px;font-weight:1000}.persona-main h3{margin:0 0 8px;color:var(--opc-ink);font-size:clamp(30px,4.5vw,48px);line-height:1.15}.persona-main p{margin:6px 0;color:#151318db;font-size:14px;font-weight:900;line-height:1.6}.persona-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.persona-actions .island-button{flex:1 1 180px}.dimension-board{display:grid;gap:8px;padding:12px;border:3px solid #000;background:#ffffffe0}.dimension-row{display:grid;gap:5px}.dimension-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.dimension-meta span{color:var(--opc-ink);font-size:13px;font-weight:900}.dimension-meta strong{color:var(--opc-ink);font-size:13px;font-weight:1000}.dimension-track{height:10px;overflow:hidden;border:2px solid #000;background:#fff}.dimension-fill{height:100%;background:linear-gradient(90deg,var(--opc-teal) 0%,var(--opc-yellow) 100%)}.route-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.route-chip{display:grid;gap:3px;padding:10px;border:3px solid #000;background:#fff;color:var(--opc-ink);cursor:pointer;text-align:left}.route-chip span{font-size:12px;font-weight:1000}.route-chip strong{font-size:14px;font-weight:1000}.route-chip em{width:fit-content;padding:1px 6px;border:2px solid #000;background:var(--opc-yellow);color:var(--opc-ink);font-size:11px;font-style:normal;font-weight:1000}.route-chip.active{background:var(--opc-teal);box-shadow:4px 4px #000}.route-detail{margin-top:2px}.route-detail h4{margin:0 0 8px;color:var(--opc-ink);font-size:21px}.route-detail p{margin:0;color:#151318db;font-size:14px;font-weight:900;line-height:1.65}.route-goals{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.route-goals span{padding:6px 10px;border:2px solid #000;background:#fff;color:var(--opc-ink);font-size:12px;font-weight:1000}.guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.guide-toolbar span{color:var(--opc-ink);font-size:14px;font-weight:1000}.slide-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:8px;margin-bottom:16px}.slide-tab{min-height:34px;border:2px solid #000;background:#fff;color:var(--opc-ink);cursor:pointer;font-size:13px;font-weight:1000}.slide-tab.active{background:var(--opc-yellow);box-shadow:3px 3px #000}.slide-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.slide-art{aspect-ratio:16 / 9;border:4px solid #000;background:#f8edd8;box-shadow:8px 8px #000;overflow:hidden}.slide-art img{display:block;width:100%;height:100%;object-fit:contain}.slide-copy h3{margin:0 0 10px;color:var(--opc-ink);font-size:29px;line-height:1.2}.slide-copy p{margin:0;color:#151318d9;font-size:15px;font-weight:900;line-height:1.7}.slide-challenge{margin:16px 0}.slide-command{display:grid;gap:10px;margin-bottom:12px}.slide-command code{padding:10px 12px;border:3px solid #000;background:#0d0b0f;color:#9fe;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:900;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}.slide-expand{margin-top:6px;color:var(--opc-teal-dark)}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-card{display:flex;flex-direction:column;min-height:410px}.game-card-art{display:block;aspect-ratio:16 / 9;margin:0 0 16px;border:3px solid #000;border-radius:0;background:#0d0b0f;box-shadow:4px 4px #000;overflow:hidden}.game-card-art img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.game-card-head h3{margin-top:12px}.game-card p{flex:0}.persona-gallery-section{background:linear-gradient(rgba(255,255,255,.22) 2px,transparent 2px),var(--opc-paper);background-size:100% 18px,auto}.persona-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}.persona-show-card{position:relative;display:grid;min-height:300px;align-content:space-between;overflow:hidden;padding:14px;border:4px solid #000;background:#fff;box-shadow:7px 7px #000;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.persona-show-card:before{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:0;border:3px solid #000;background:var(--opc-yellow);content:"";transform:translateY(12px) scale(.92);transition:transform .22s ease}.persona-show-card.app-teal:before{background:var(--opc-teal)}.persona-show-card.app-blue:before{background:var(--opc-blue)}.persona-show-card.purple:before{background:var(--opc-purple)}.persona-show-card.warm-peach-pink:before{background:var(--opc-pink)}.persona-show-card.app-red:before{background:var(--opc-red)}.persona-show-card:hover,.persona-show-card:focus-within{transform:translate(-3px,-5px);box-shadow:10px 12px #000}.persona-show-card:hover:before,.persona-show-card:focus-within:before{transform:translateY(0) scale(1)}.persona-show-art,.persona-show-copy{position:relative;z-index:1}.persona-show-art{display:grid;min-height:188px;place-items:end center}.persona-show-art img{display:block;width:min(100%,180px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(7px 8px 0 rgba(0,0,0,.32));transform:translateY(8px);transition:transform .22s ease}.persona-show-card:hover .persona-show-art img,.persona-show-card:focus-within .persona-show-art img{transform:translateY(-4px) rotate(-1deg)}.persona-show-copy{display:grid;gap:6px;padding:12px;border:3px solid #000;background:var(--opc-paper)}.persona-show-copy span{color:var(--opc-teal-dark);font-size:12px;font-weight:1000;letter-spacing:.08em}.persona-show-copy strong{color:var(--opc-ink);font-size:clamp(17px,1.5vw,22px);line-height:1.12}.remix-note{display:grid;gap:6px;margin-top:14px;padding:12px;border:2px dashed #000;background:#fff}.remix-note span{color:var(--opc-teal-dark);font-size:12px;font-weight:1000}.remix-note strong{color:var(--opc-ink);font-size:13px;line-height:1.55}.game-actions{display:grid;gap:9px;margin-top:18px}.card-more{margin-top:12px;border:0;background:transparent;color:#151318b8;cursor:pointer;font-weight:1000;text-decoration:underline}.todo-section{padding-bottom:24px}.todo-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);gap:14px;align-items:stretch;padding:clamp(28px,5vw,48px);justify-items:start;text-align:left}.todo-copy{display:grid;gap:14px;align-content:start;justify-items:start;min-width:0}.todo-art{width:100%;min-height:100%;margin:0;overflow:hidden;border:4px solid #000;background:#fff;box-shadow:8px 8px #000}.todo-art img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:center}.island-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:3px solid #000;border-radius:0;background:var(--opc-yellow);color:var(--opc-ink);box-shadow:0 5px 0 var(--opc-shadow);cursor:pointer;font-weight:1000;letter-spacing:0;line-height:1;transition:transform .18s ease,box-shadow .18s ease}.island-button:hover{transform:translateY(-1px);box-shadow:5px 6px #000}.island-button:active{transform:translate(3px,3px);box-shadow:1px 1px #000}.island-button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:2px 2px #000}.island-button-ghost{background:var(--opc-panel);box-shadow:5px 5px #000}.island-button-small{min-height:36px;padding:0 12px;font-size:12px}.island-card{position:relative;padding:20px;overflow:hidden;border:3px solid #000;border-radius:0;background:var(--opc-paper);box-shadow:5px 5px #000;transition:transform .2s ease,box-shadow .2s ease}.island-card:hover{transform:translateY(-3px);box-shadow:7px 8px #000}.island-card.parallax-layer:hover{transform:translate3d(var(--parallax-x),var(--parallax-y),0) translateY(-3px) scale(var(--parallax-scale)) rotate(var(--parallax-rotate))}.island-card-app-orange{background:var(--opc-orange)}.island-card-app-teal{background:var(--opc-teal)}.island-card-purple{background:var(--opc-purple);color:#fff}.island-card-app-blue{background:var(--opc-blue)}.island-card-lime-green{background:var(--opc-lime)}.island-card-app-red{background:var(--opc-red)}.island-card-app-yellow{background:var(--opc-yellow)}.island-card-warm-peach-pink{background:var(--opc-pink)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#00000094;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.island-modal{width:min(980px,100%);max-height:min(760px,calc(100vh - 40px));animation:modal-pop .26s ease both}.modal-clip-source{position:absolute;width:0;height:0}.island-modal-inner{display:flex;flex-direction:column;max-height:min(760px,calc(100vh - 40px));padding:clamp(24px,5vw,42px);border:4px solid #000;background:var(--opc-paper);box-shadow:10px 10px #000}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-header h3{margin:0;color:var(--opc-ink);font-size:clamp(24px,4vw,36px)}.modal-close{display:grid;width:38px;height:38px;place-items:center;border:3px solid #000;border-radius:0;background:var(--opc-red);color:var(--opc-ink);cursor:pointer;font-size:26px;font-weight:1000}.modal-body{padding:22px 0;overflow:auto}.modal-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.prompt-box{padding:20px;border:3px solid #000;border-radius:0;background:#fff;color:var(--opc-ink);font-size:17px;font-weight:800;line-height:1.8}.lesson-list{display:grid;gap:12px}.xray-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.xray-item{display:grid;gap:8px;min-height:150px;padding:14px;border:3px solid #000;background:var(--opc-paper-strong);box-shadow:4px 4px #000}.xray-item span{color:var(--opc-teal-dark);font-size:13px;font-weight:1000}.xray-item strong{color:var(--opc-ink);font-size:15px;line-height:1.55}.island-collapse{overflow:hidden;border:3px solid #000;border-radius:0;background:#fff}.collapse-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:0 18px;border:0;background:transparent;color:var(--opc-ink);cursor:pointer;font-weight:1000;text-align:left}.collapse-icon{display:grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border:2px solid #000;border-radius:0;background:var(--opc-teal);color:var(--opc-ink)}.collapse-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.collapse-panel>div{overflow:hidden}.island-collapse.open .collapse-panel{grid-template-rows:1fr}.collapse-panel p{margin:0;padding:0 18px 18px;color:var(--opc-muted);font-weight:800;line-height:1.75}.play-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#111}.play-shell iframe{width:100%;height:100%;border:0;background:#000}.play-back{position:fixed;top:18px;left:18px;z-index:210;min-height:42px;padding:0 18px;border:3px solid #000;border-radius:0;background:var(--opc-panel);color:var(--opc-ink);box-shadow:5px 5px #000;cursor:pointer;font-weight:1000}@keyframes tile-pop{0%{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes avatar-wave{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-8px) rotate(-3deg)}68%{transform:translateY(-3px) rotate(3deg)}}@keyframes video-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes modal-pop{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1080px){.assessment-toolbar,.assessment-result{position:static;max-height:none;overflow:visible}.course-showcase{grid-template-columns:1fr}.course-workbench img{aspect-ratio:16 / 9;min-height:0}.slide-stage{grid-template-columns:1fr}.xray-grid,.equipment-grid,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.persona-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.slide-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:980px){.topbar{align-items:flex-start;flex-direction:column;gap:12px}.topnav{justify-content:flex-start;width:100%}.hero-section{grid-template-columns:1fr;min-height:0;padding:28px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{--page-gutter: 6px;padding:16px var(--page-gutter) 42px}.topbar{padding:10px;box-shadow:5px 5px #000}.topnav a{flex:0 1 auto;padding:7px 8px;font-size:11px}.hero-section{margin-top:28px;padding:18px}.hero-video-backdrop{top:-18px;right:-18px;bottom:-18px;left:-18px}.topbar,.hero-section,.stats-strip,.content-section{width:calc(100vw - (var(--page-gutter) * 2));max-width:calc(100vw - (var(--page-gutter) * 2))}.hero-copy h1{font-size:clamp(46px,16vw,72px);word-break:normal;overflow-wrap:anywhere}.hero-intro{width:min(100%,330px);max-width:calc(100vw - 48px);font-size:16px;line-height:1.75;white-space:normal;word-break:break-all}.hero-device{min-height:500px;padding:14px}.hero-device:before{top:14px;right:14px;bottom:14px;left:14px}.hero-device:after,.hero-illustration{top:18px;right:18px;bottom:18px;left:18px}.hero-illustration{width:calc(100% - 36px);height:calc(100% - 36px)}.hero-console{right:28px;bottom:28px;width:calc(100% - 56px)}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-tile{min-height:58px;font-size:13px}.course-showcase{gap:14px}.course-workbench{box-shadow:5px 5px #000}.stats-strip,.game-grid,.persona-gallery,.equipment-grid,.route-picker,.xray-grid,.todo-card{grid-template-columns:1fr}.todo-art img{min-height:220px}.slide-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.persona-main img{width:min(100%,340px)}.assessment-head{align-items:stretch;flex-direction:column}.assessment-toolbar{grid-template-columns:1fr}.assessment-head-actions{justify-content:stretch}.assessment-head-actions .island-button{flex:1}.content-section{padding:14px;scroll-margin-top:24px}.modal-footer{justify-content:stretch}.modal-footer .island-button{flex:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video-backdrop-media,.hero-device-video{display:none}.hero-video-backdrop{background:var(--hero-poster-url) center / cover no-repeat}.hero-device:before{background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(180deg,#0d0b0f0f,#0d0b0f70),var(--hero-poster-url) center / cover no-repeat;background-size:100% 10px,auto,cover}.parallax-layer{opacity:1!important;transform:none!important;transition:none!important;will-change:auto}}@media(max-width:640px){.brief-grid{grid-template-columns:1fr}}