/* Participant experience inspired by the supplied editorial window reference. */
body{background:#cfe6fa linear-gradient(180deg,#b9dcf8 0,#e7f1fb 100%);background-attachment:fixed}
.ambient-grid{position:fixed;inset:19px 22px;z-index:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));grid-auto-rows:198px;overflow:hidden;pointer-events:none}
.ambient-grid span{display:block;min-width:0;border:1px solid rgba(255,255,255,.9);border-radius:12px;background:rgba(255,255,255,.035);opacity:0;transform:translateY(var(--tile-drift)) scale(.965);animation:ambientTileIn .78s cubic-bezier(.22,.7,.22,1) forwards;animation-delay:calc(70ms + var(--tile-order)*38ms)}
.shell{position:relative;z-index:1}
.topbar{background:rgba(255,255,255,.84);border-bottom-color:rgba(18,39,57,.16)}
.participant-window{padding:0;overflow:hidden;border:1px solid rgba(31,43,54,.23);border-radius:19px;background:#fbfbfa;box-shadow:0 24px 64px rgba(37,67,94,.17);transform-origin:center top}
.window-bar{min-height:47px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #dedede;color:#a8a8a8;font:600 11px/1 "IBM Plex Mono",monospace;letter-spacing:.02em}
.window-bar b{justify-self:end;color:#aaa}.window-bar small{color:#7d8790;letter-spacing:.08em}.window-dots{display:flex;gap:7px}.window-dots i{display:block;width:10px;height:10px;border-radius:50%;background:#ff6258}.window-dots i:nth-child(2){background:#ffbd2f}.window-dots i:nth-child(3){background:#29c941}
.window-body{padding:clamp(24px,4.3vw,48px)}
.participant-window h1,.participant-window h2,.participant-window h3,.participant-window .question{font-family:"IBM Plex Mono",monospace;letter-spacing:-.035em}
.participant-window .eyebrow{font-family:"IBM Plex Mono",monospace;border-radius:3px;background:#e9f3fb;color:#18374f}
.participant-window .steps{gap:0;border:1px solid #ccd6de;border-radius:12px;overflow:hidden;background:#fff}.participant-window .step{border:0;border-radius:0;border-right:1px solid #ccd6de;background:#fff}.participant-window .step:last-child{border-right:0}
.brand-logo{display:block;object-fit:contain;border-radius:50%;background:transparent;box-shadow:0 7px 18px rgba(17,57,104,.22)}
.participant-window .option,.participant-window .image-option,.participant-window .ml-row,.participant-window .wpt-figure-option,.participant-window .wpt-manual input,.participant-window .wpt-manual textarea,.participant-window .tiu-all-question,.participant-window .notice{position:relative;border:1px solid #dbe5ef;border-radius:12px;background:#fbfdff;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.participant-window .option,.participant-window .ml-row{padding:13px 14px}
.participant-window .option:hover,.participant-window .image-option:hover,.participant-window .wpt-figure-option:hover{border-color:#58a0df;background:#fff;box-shadow:0 0 0 4px rgba(32,118,190,.1);transform:none}
.participant-window .option:has(input:checked),.participant-window .image-option:has(input:checked),.participant-window .wpt-figure-option:has(input:checked){border-color:#1768b3;background:#edf7ff;box-shadow:0 0 0 3px rgba(23,104,179,.13)}
.participant-window .wpt-manual input,.participant-window .wpt-manual textarea{width:100%;padding:13px 14px;color:#17263b;outline:none}
.participant-window .wpt-manual input:focus,.participant-window .wpt-manual textarea:focus{border-color:#58a0df;background:#fff;box-shadow:0 0 0 4px rgba(32,118,190,.1)}
.participant-window .btn{border-radius:4px;font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.035em;box-shadow:3px 3px 0 rgba(9,34,55,.2);transition:transform .15s ease,box-shadow .15s ease}.participant-window .btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(9,34,55,.23)}.participant-window .btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 rgba(9,34,55,.2)}
.typed-copy{font-family:"IBM Plex Mono",monospace;min-height:3.2em;white-space:pre-wrap}.typed-copy.typing-active:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:5px;vertical-align:-.12em;background:#263746;animation:cursorBlink .7s steps(1,end) infinite}.typed-copy.typing-complete:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:5px;vertical-align:-.12em;background:#263746;animation:cursorFinish .8s ease forwards}
.panel-glitch-pending{visibility:hidden}
.panel-zoom-pending{visibility:hidden}
.participant-window.panel-zoom-in{animation:firstPanelZoomOut .82s .24s cubic-bezier(.16,.78,.22,1) both;will-change:transform,opacity,filter}
.participant-window.panel-glitch-in{position:relative;animation:panelPixelIn .52s steps(1,end) both}
.participant-window.panel-glitch-in:before,.participant-window.panel-glitch-in:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;border-radius:inherit;background:#fbfbfa;animation:panelPixelGhost .52s steps(1,end) both}
.participant-window.panel-glitch-in:before{clip-path:polygon(0 8%,100% 8%,100% 19%,0 19%,0 48%,100% 48%,100% 58%,0 58%);transform:translateX(-13px)}
.participant-window.panel-glitch-in:after{clip-path:polygon(0 25%,100% 25%,100% 37%,0 37%,0 71%,100% 71%,100% 85%,0 85%);transform:translateX(14px)}
.window-body:has(.notice-compact){padding:clamp(20px,2.8vw,32px)}.notice-compact{display:block;max-width:100%}.notice-title{margin:0 0 10px!important;line-height:1.12}.pretest-notice{display:flex;flex-direction:column;gap:10px;margin:0;font-family:"IBM Plex Mono",monospace;line-height:1.36;color:#263746;white-space:normal}.pretest-notice .notice-segment{margin:0}.notice-points{display:grid;gap:8px;counter-reset:notice-point}.notice-point{counter-increment:notice-point;grid-template-columns:1.55rem minmax(0,1fr);align-items:start}.notice-point:before{content:counter(notice-point) ".";grid-column:1;color:#263746}.notice-point>span{grid-column:2}.notice-point.is-revealed,.typing-complete .notice-point{display:grid}.notice-intro{margin-bottom:0}.notice-closing{margin-top:0}.pretest-notice[data-typewriter-rich]:not(.typing-complete) .notice-segment{display:none}.pretest-notice[data-typewriter-rich]:not(.typing-complete) .notice-segment.is-revealed{display:block}.pretest-notice[data-typewriter-rich]:not(.typing-complete) .notice-point.is-revealed{display:grid}.typed-copy-rich{min-height:0!important}.typed-copy-rich.typing-active:after{align-self:flex-start}.typewriter-followup{visibility:hidden;opacity:0;margin-top:12px}.typewriter-followup.is-visible{visibility:visible;opacity:1}
.rich-text p,.rich-text div{margin:0}.rich-field{gap:0}.rich-toolbar{display:flex;gap:5px;padding:6px;border:1px solid #b8c9d8;border-bottom:0;border-radius:9px 9px 0 0;background:#edf5fb}.rich-toolbar button{width:34px;height:30px;border:1px solid #aec2d3;border-radius:5px;background:#fff;color:#17364e;font:600 14px "IBM Plex Mono",monospace;cursor:pointer}.rich-toolbar button:hover,.rich-toolbar button:focus-visible{border-color:#1768b3;background:#e1f1ff;outline:none}.rich-editor{min-height:82px;padding:11px 12px;border:1px solid #b8c9d8;border-radius:0 0 9px 9px;background:#fff;color:#172235;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.rich-editor:focus{border-color:#1768b3;box-shadow:0 0 0 3px rgba(23,104,179,.13);outline:none}.rich-editor-help{margin:-4px 0 15px}
.session-instructions{display:flex;flex-direction:column;gap:10px;margin:12px 0 18px;color:#263746;line-height:1.45;white-space:normal}.session-instructions .instruction-segment,.session-instructions .instruction-segment p{margin:0}.session-instructions[data-typewriter-rich]:not(.typing-complete) .instruction-segment{display:none}.session-instructions[data-typewriter-rich]:not(.typing-complete) .instruction-segment.is-revealed{display:block}.instruction-example{padding:12px 14px;border:1px solid #c7d7e4;border-radius:8px;background:#f7fbfe}.instruction-example>*+*{margin-top:8px!important}.instruction-choices{display:flex;flex-wrap:wrap;gap:6px 18px}.instruction-choices span{white-space:nowrap}
.tiu6-instruction-example{margin:18px 0 20px;padding:14px;border:1px solid #b9cede;border-radius:10px;background:#fff}.tiu6-instruction-example figcaption{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:#24435a;font-family:"IBM Plex Mono",monospace}.tiu6-instruction-example figcaption span{color:#61788a;font-size:12px}.tiu6-example-scroll{overflow-x:auto;overscroll-behavior-inline:contain}.tiu6-example-svg{display:block;width:100%;min-width:850px;height:auto;color:#16759b}.tiu6-example-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.tiu6-example-dashed{stroke-dasharray:5 5}.tiu6-example-line .tiu6-example-hatch{fill:url(#tiu6-example-hatch)}.tiu6-example-svg pattern path{fill:none;stroke:currentColor;stroke-width:1}.tiu6-example-number,.tiu6-example-letter{fill:#163f5b;stroke:none;text-anchor:middle;font-family:"IBM Plex Mono",monospace}.tiu6-example-number{font-size:22px;font-weight:600}.tiu6-example-letter{font-size:28px;font-weight:700}.tiu6-example-answer{fill:#edf7ff;stroke:#16759b;stroke-width:2.5}
.completion-screen{padding:clamp(10px,2vw,24px) 0}.completion-tab{display:flex;justify-content:space-between;align-items:center;max-width:570px;margin:0 auto 24px;padding:12px 15px;border:1px solid #152e43;background:#152e43;color:#fff;font:600 11px "IBM Plex Mono",monospace;letter-spacing:.08em;box-shadow:6px 6px 0 #9bc9ed}.completion-tab b{color:#7ff2bb}.completion-brand{display:grid;gap:4px;justify-items:center;max-width:100%;margin:0 auto 28px;line-height:1;overflow:hidden}.completion-brand-line{position:relative;display:block;max-width:100%;opacity:0;white-space:nowrap;isolation:isolate;animation:brandTextSettle .78s cubic-bezier(.18,.8,.2,1) forwards}.completion-brand-line:before,.completion-brand-line:after{content:attr(data-brand);position:absolute;inset:0;z-index:2;pointer-events:none;white-space:nowrap;clip-path:inset(0 100% 0 0)}.completion-brand-line:before{color:#f07827;animation:brandOrangeSweep .78s steps(5,end) forwards}.completion-brand-line:after{color:#111820;animation:brandBlackSweep .82s steps(6,end) forwards}.completion-company{font:600 clamp(14px,2vw,20px)/1.2 "IBM Plex Mono",monospace;color:#111820;letter-spacing:.08em;animation-delay:.14s}.completion-gamatex{font:800 clamp(20px,4.2vw,44px)/1 "Manrope",sans-serif;color:#145da8;letter-spacing:.12em;text-indent:.12em;animation-delay:.28s}.completion-company:before,.completion-company:after{animation-delay:.14s}.completion-gamatex:before,.completion-gamatex:after{animation-delay:.28s}.completion-message{font:600 clamp(18px,3vw,26px)/1.55 "IBM Plex Mono",monospace;color:#18374f;margin:22px auto 12px}.completion-screen .success-icon{border:2px solid #18805d;border-radius:4px;background:#e6f8f0;box-shadow:6px 6px 0 #b7e8d5}
@keyframes cursorBlink{50%{opacity:0}}@keyframes cursorFinish{0%,65%{opacity:1}100%{opacity:0}}@keyframes ambientTileIn{0%{opacity:0;transform:translateY(var(--tile-drift)) scale(.965)}55%{opacity:.72}100%{opacity:1;transform:none}}@keyframes firstPanelZoomOut{0%{opacity:0;transform:translateY(18px) scale(1.14);filter:blur(8px)}42%{opacity:1;filter:blur(1.5px)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes brandTextSettle{0%{opacity:0;transform:translateY(11px);filter:blur(4px)}55%{opacity:1;transform:translateY(-1px);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}@keyframes brandOrangeSweep{0%{opacity:1;clip-path:inset(0 100% 0 0);transform:translateX(-12px)}52%{opacity:1;clip-path:inset(0 0 0 0);transform:translateX(0)}100%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateX(12px)}}@keyframes brandBlackSweep{0%{opacity:.9;clip-path:inset(0 100% 0 0);transform:translateX(-7px)}50%{opacity:.9;clip-path:inset(0 0 0 0);transform:translateX(0)}100%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateX(7px)}}@keyframes panelPixelIn{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-10px)}18%{opacity:1;clip-path:inset(0 0 72% 0);transform:translateX(9px)}34%{clip-path:inset(29% 0 44% 0);transform:translateX(-7px)}52%{clip-path:inset(63% 0 12% 0);transform:translateX(6px)}70%{clip-path:inset(8% 0 7% 0);transform:translateX(-3px)}84%{clip-path:inset(0);transform:translateX(2px)}100%{opacity:1;clip-path:inset(0);transform:none}}@keyframes panelPixelGhost{0%,18%{opacity:.96}34%{opacity:.72}52%{opacity:.55}70%{opacity:.28}84%,100%{opacity:0;transform:none}}
@media(max-width:760px){.ambient-grid{inset:10px;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));grid-auto-rows:128px}.ambient-grid span{border-radius:10px}.participant-window{border-radius:14px}.window-bar{min-height:42px;padding:0 13px;grid-template-columns:1fr auto}.window-bar small{display:none}.window-body{padding:22px 16px 24px}.participant-window .steps{display:grid;grid-template-columns:1fr}.participant-window .step{border-right:0;border-bottom:1px solid #ccd6de}.participant-window .step:last-child{border-bottom:0}.typed-copy{min-height:5em}.typed-copy-rich{min-height:0}.pretest-notice{line-height:1.34}.participant-window .option:hover,.participant-window .image-option:hover{transform:none;box-shadow:none}.tiu6-instruction-example{padding:10px}.tiu6-instruction-example figcaption{display:grid}.tiu6-example-svg{min-width:760px}.completion-tab{margin-bottom:20px}.completion-brand{margin-bottom:24px}.completion-gamatex{letter-spacing:.13em;text-indent:.13em}.completion-message br{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ambient-grid span{opacity:1!important;transform:none!important}.typed-copy{min-height:0}.typed-copy:after{display:none!important}.completion-brand-line{opacity:1!important;transform:none!important;filter:none!important}.completion-brand-line:before,.completion-brand-line:after{display:none!important}}