@import"https://fonts.googleapis.com/css2?family=Anton&family=Courier+Prime:wght@400;700&display=swap";:root{--enchant-yellow: #f2ff00;--ink: #050505;--paper: #ffffe3;--skin: #f2efe3;--white: #ffffff;--line: #d8d8bf;--teal: #3f999d;--blue: #416895;--green: #11463d;--khaki: #71864d;--warm: #c89c78;--rose: #b78fa0;color:var(--ink);background:linear-gradient(90deg,rgba(5,5,5,.035) 1px,transparent 1px),linear-gradient(rgba(5,5,5,.025) 1px,transparent 1px),radial-gradient(circle at 12% 8%,rgba(242,255,0,.2),transparent 24%),linear-gradient(135deg,var(--paper),var(--skin));background-size:26px 26px,26px 26px,auto,auto;font-family:Courier Prime,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{margin:0;min-width:320px}input,button{font:inherit}button,label{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.join-panel{background:linear-gradient(135deg,#ffffffdb,#ffffe3d1),var(--white);border:1px solid rgba(5,5,5,.14);box-shadow:0 24px 70px #05050524;display:grid;gap:22px;grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);max-width:980px;padding:18px;position:relative;width:min(100%,980px)}.join-panel:before{background:var(--enchant-yellow);content:"";height:10px;left:18px;position:absolute;right:18px;top:18px}.join-copy{display:grid;gap:18px;padding:34px 12px 12px}.brand-block{display:grid;gap:4px}.brand-block p,.brand-block span{font-weight:700;letter-spacing:0;margin:0;text-transform:uppercase}.brand-block h1{font-family:Anton,Impact,sans-serif;font-size:clamp(44px,12vw,86px);font-weight:400;letter-spacing:0;line-height:.94;margin:0;text-transform:uppercase}.brand-block span{background:var(--enchant-yellow);display:inline-block;font-size:15px;justify-self:start;padding:3px 6px}.intro-copy{line-height:1.45;margin:0;max-width:42ch}.join-form{display:grid;gap:14px}.join-form label{display:grid;gap:8px}.join-form label>span:first-child{font-weight:700}.join-form input:not([type=checkbox]){background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);min-height:52px;padding:0 12px;width:100%}.input-with-icon{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:grid;gap:8px;grid-template-columns:22px 1fr;padding:0 10px}.input-with-icon input{border:0!important;min-height:46px!important;padding:0!important}.checkbox-row{align-items:start;display:grid;gap:10px;grid-template-columns:22px 1fr;line-height:1.35}.checkbox-row input{accent-color:var(--ink);height:20px;margin:1px 0 0;width:20px}.primary-action,.upload-control{align-items:center;background:var(--ink);border:0;border-radius:12px;color:var(--enchant-yellow);display:inline-flex;font-weight:700;gap:9px;justify-content:center;min-height:52px;padding:0 18px;text-transform:uppercase}.primary-action:disabled{background:#767676;border-color:#767676;color:var(--white);cursor:not-allowed}.error-message{background:var(--white);border-left:5px solid #b21f35;color:#8f1225;font-size:14px;font-weight:700;line-height:1.4;margin:0;padding:10px 12px}.game-shell{margin:0 auto;max-width:1180px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.game-header{align-items:end;background:linear-gradient(90deg,#f2ff00d6,#ffffffdb),var(--white);border:2px solid rgba(5,5,5,.16);box-shadow:0 14px 45px #0505051a;display:grid;gap:18px;grid-template-columns:minmax(0,1fr);padding:20px}.official-logo-footer{align-items:center;background:var(--ink);border:2px solid rgba(5,5,5,.16);display:flex;gap:18px;justify-content:center;margin-top:18px;min-height:72px;padding:12px 16px}.official-logo-footer span{background:#ffffff6b;display:block;height:54px;width:1px}.official-logo-footer img{display:block;height:auto;max-height:72px;max-width:min(300px,42vw);object-fit:contain;width:auto}.admin-messages-banner{display:grid;gap:8px;margin:10px 0}.admin-message{align-items:start;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.admin-message-warning{background:#fff3c4;border-color:#b45309}.admin-message-tease{background:var(--enchant-yellow)}.admin-message div{display:grid;gap:4px;min-width:0}.admin-message span{font-family:Anton,Impact,sans-serif;font-size:13px;letter-spacing:0;text-transform:uppercase}.admin-message strong{line-height:1.25;overflow-wrap:anywhere}.admin-message button{background:var(--ink);border:2px solid var(--ink);color:var(--enchant-yellow);font-weight:700;min-height:34px;padding:0 10px}.game-header .brand-block h1{font-size:clamp(38px,8vw,72px)}.game-header .brand-block span{max-width:100%}.status-band{display:grid;gap:12px;grid-template-columns:1fr;margin:18px 0}.status-band div,.analysis-panel,.mission-panel,.visual-feature,.step-counter{background:var(--white);border:1px solid rgba(5,5,5,.12);box-shadow:0 14px 38px #05050514}.status-band div{align-items:center;display:grid;gap:8px;grid-template-columns:24px auto;padding:14px}.status-band span{grid-column:2}.step-counter{align-items:center;display:grid;gap:6px;grid-template-columns:minmax(220px,1fr) auto auto;margin:-6px 0 14px;opacity:.82;padding:7px 10px}.step-counter>div:first-child{align-items:center;display:grid;gap:0 7px;grid-template-columns:20px 1fr}.step-counter strong,.step-counter span,.step-counter button{font-size:13px}.step-counter>div:first-child span{grid-column:2}.step-stats,.step-actions{display:flex;flex-wrap:wrap;gap:6px}.step-stats span{background:var(--paper);border:1px solid var(--line);border-radius:999px;font-weight:700;padding:4px 7px}.step-actions .secondary-action{min-height:28px;padding:0 8px}.step-counter-note{color:var(--muted);font-size:11px;grid-column:1 / -1;line-height:1.25;margin:0}.game-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr);margin-top:18px}.analysis-panel,.mission-panel,.briefing-panel{display:grid;gap:14px;padding:18px}.briefing-panel{background:linear-gradient(180deg,#ffffffeb,#ffffe3d6),var(--white);border:1px solid rgba(5,5,5,.12);box-shadow:0 14px 38px #05050514;margin-top:18px}.team-showcase{align-items:stretch;background:var(--ink);color:var(--white);display:grid;gap:0;grid-template-columns:minmax(118px,.42fr) minmax(0,1fr);min-height:190px;overflow:hidden}.team-showcase img{background:var(--enchant-yellow);height:100%;object-fit:cover;width:100%}.team-showcase div{align-content:center;display:grid;gap:8px;padding:18px}.team-showcase span{background:var(--enchant-yellow);color:var(--ink);font-weight:700;justify-self:start;padding:4px 8px;text-transform:uppercase}.team-showcase strong{color:var(--enchant-yellow);font-family:Anton,Impact,sans-serif;font-size:clamp(38px,10vw,74px);font-weight:400;line-height:.9;text-transform:uppercase}.team-showcase small{color:var(--paper);line-height:1.35;max-width:42ch}.waiting-showcase{margin-top:18px}.team-members-preview{background:#ffffff14;border:1px solid rgba(255,255,255,.16);display:grid;gap:8px;margin:4px 0;padding:10px}.team-members-preview span{background:transparent;color:var(--enchant-yellow);font-size:12px;padding:0}.team-leader-preview{border-bottom:1px solid rgba(255,255,255,.14);display:grid;gap:3px;padding:0 0 8px}.team-leader-preview strong{color:var(--white);font-family:inherit;font-size:18px;font-weight:800;line-height:1.1;text-transform:none}.team-members-preview p{color:var(--paper);font-size:13px;margin:0}.team-members-preview ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.team-members-preview li{background:var(--paper);color:var(--ink);font-size:13px;font-weight:700;padding:5px 7px}.briefing-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.totem-brief{background:var(--ink);color:var(--enchant-yellow);display:grid;gap:3px;padding:12px 14px}.totem-brief span,.totem-brief strong{text-transform:uppercase}.totem-brief span{color:var(--white);font-size:12px;font-weight:700}.briefing-grid article{background:var(--paper);border:1px solid var(--line);display:grid;gap:8px;padding:14px}.briefing-grid span{line-height:1.35}.mission-panel{align-content:start;overflow:hidden}.mission-visual{align-items:stretch;background:linear-gradient(90deg,#f2ff00f0,#ffffe3e0),var(--paper);border:4px solid var(--ink);display:grid;gap:0;grid-template-columns:112px minmax(0,1fr);min-height:112px}.mission-visual img{background:var(--ink);height:100%;object-fit:cover;width:100%}.mission-visual div{align-content:center;display:grid;gap:6px;padding:12px 14px}.mission-visual span{background:var(--ink);color:var(--enchant-yellow);font-weight:700;justify-self:start;padding:3px 7px;text-transform:uppercase}.mission-visual strong{font-family:Anton,Impact,sans-serif;font-size:clamp(30px,8vw,54px);font-weight:400;line-height:.92;text-transform:uppercase}.launch-waiting{margin-top:18px;min-height:280px;place-items:center;text-align:center}.launch-waiting svg{color:var(--ink)}.launch-waiting p{max-width:58ch}.safety-guidelines{background:var(--paper);border:3px solid var(--ink);display:grid;gap:10px;margin-top:14px;padding:14px}.safety-guidelines>span{background:var(--enchant-yellow);color:var(--ink);font-weight:700;justify-self:start;padding:4px 8px;text-transform:uppercase}.safety-guidelines ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.safety-guidelines li{line-height:1.35;padding-left:16px;position:relative}.safety-guidelines li:before{background:var(--ink);content:"";height:6px;left:0;position:absolute;top:.55em;width:6px}.mission-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.mission-heading span,.mission-heading small{background:var(--enchant-yellow);font-weight:700;padding:4px 8px;text-transform:uppercase}.mission-panel h2{font-family:Anton,Impact,sans-serif;font-size:42px;font-weight:400;letter-spacing:0;line-height:.98;margin:0;text-transform:uppercase}.mission-panel p{line-height:1.45;margin:0}.step-action{display:grid;gap:12px}.member-chase-card{background:var(--enchant-yellow);border:3px solid var(--ink);display:grid;gap:6px;padding:14px}.member-chase-card>span{background:var(--ink);color:var(--enchant-yellow);font-weight:700;justify-self:start;padding:4px 8px;text-transform:uppercase}.member-chase-card strong{font-family:Anton,Impact,sans-serif;font-size:clamp(36px,11vw,58px);font-weight:400;line-height:.95;text-transform:uppercase}.member-chase-card small{font-weight:700;text-transform:uppercase}.member-chase-card p{margin:0}.open-answer{display:grid;gap:10px}.open-answer label{display:grid;gap:8px}.open-answer textarea{background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;min-height:120px;padding:12px;resize:vertical}.quiz-options{display:grid;gap:8px}.quiz-check-option{align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:grid;gap:10px;grid-template-columns:22px 1fr;min-height:52px;padding:12px}.quiz-check-option input{accent-color:var(--ink);height:20px;margin-top:1px;width:20px}.quiz-check-option span{line-height:1.28;overflow-wrap:anywhere}.quiz-options button,.secondary-action{background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);display:flex;align-items:center;justify-content:flex-start;line-height:1.28;min-height:48px;overflow-wrap:anywhere;padding:12px;text-align:left;white-space:normal}.secondary-action{justify-content:center;text-align:center}.skip-action{color:#555;justify-self:start;min-height:40px}.success-message{background:#22c55e1f;border-left:5px solid #22c55e;color:#14532d;font-weight:700;padding:10px 12px}.validated-card{border-left:0;border:3px solid var(--ink);box-shadow:inset 0 -10px #f2ff008a;padding:52px 14px 14px;position:relative}.response-card{border-left:0;border:3px solid var(--ink);padding:50px 14px 14px;position:relative}.response-card:after{border:2px solid var(--ink);content:"REPONSE";font-family:Anton,Impact,sans-serif;font-size:18px;line-height:1;padding:5px 8px;position:absolute;right:12px;top:12px;transform:rotate(-7deg)}.validated-card:after{border:2px solid var(--ink);content:"VALIDE";font-family:Anton,Impact,sans-serif;font-size:22px;line-height:1;padding:5px 8px;position:absolute;right:12px;top:12px;transform:rotate(-7deg)}.quiz-result{display:grid;gap:8px}.quiz-result small{color:inherit;font-weight:400;line-height:1.4}.quiz-result .primary-action{margin-top:2px}.media-draft{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 12px}.media-draft span{font-weight:700}.section-heading{align-items:center;display:flex;gap:10px}.section-heading h2{font-family:Anton,Impact,sans-serif;font-size:28px;font-weight:400;letter-spacing:0;margin:0;text-transform:uppercase}.analysis-panel p{line-height:1.4;margin:0}.upload-control{position:relative}.upload-control input{top:0;right:0;bottom:0;left:0;opacity:0;position:absolute}.palette-row{display:flex;flex-wrap:wrap;gap:8px}.palette-row span,.detected-row span{border:1px solid rgba(5,5,5,.22);border-radius:999px;height:34px;width:34px}.detected-row,.score-result{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;display:flex;gap:12px;padding:12px}.score-result>span{align-items:center;background:var(--enchant-yellow);border-radius:12px;display:inline-flex;font-family:Anton,Impact,sans-serif;font-size:36px;gap:2px;justify-content:center;min-width:92px;padding:0 10px}.score-result small{display:block;margin-top:4px}.score-result>span small{font-family:Courier Prime,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:700;margin-top:10px}.color-mission{gap:16px}.target-color-card,.compare-row{align-items:center;background:var(--paper);border:1px solid var(--line);display:grid;gap:12px;grid-template-columns:74px 1fr;padding:12px}.target-color-card>span{border:1px solid rgba(5,5,5,.25);height:62px;width:62px}.target-color-card small,.compare-row small{display:block;margin-top:4px}.color-picker{display:grid;gap:12px}.color-picker-stage{aspect-ratio:3 / 4;background:#111;border:1px solid rgba(5,5,5,.28);cursor:grab;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.color-picker-stage:active{cursor:grabbing}.color-picker-stage img{height:100%;left:50%;object-fit:contain;position:absolute;top:50%;transform-origin:center;width:100%;will-change:transform}.pipette{align-items:center;border:2px solid var(--enchant-yellow);border-radius:999px;box-shadow:0 0 0 9999px #0000001f;display:grid;height:48px;justify-items:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.pipette span,.pipette:after{background:var(--enchant-yellow);content:"";display:block;position:absolute}.pipette span{height:2px;width:64px}.pipette:after{height:64px;width:2px}.zoom-control{display:grid;gap:8px}.zoom-control span{font-weight:700}.zoom-control input{accent-color:var(--ink);width:100%}.compare-row{grid-template-columns:1fr 1fr}.compare-row div{align-items:center;display:grid;gap:8px;grid-template-columns:42px 1fr}.compare-row div>span{border:1px solid rgba(5,5,5,.25);height:42px;width:42px}.color-actions{display:grid;gap:8px}.next-mission{background:linear-gradient(135deg,#f2ff00cc,#ffffffe6);border:1px solid rgba(5,5,5,.12);border-radius:14px;display:grid;gap:6px;padding:14px}.next-mission small{font-weight:700;text-transform:uppercase}.timeline-list{display:grid;gap:8px}.timeline-item{align-items:center;border-bottom:2px solid var(--line);display:grid;gap:10px;grid-template-columns:42px 1fr;padding:9px 0}.timeline-item>span{align-items:center;background:var(--ink);color:var(--enchant-yellow);display:inline-flex;font-weight:700;height:34px;justify-content:center;width:34px}.timeline-item small{display:block;margin-top:3px}.visual-feature{display:grid;margin:0;overflow:hidden}.visual-feature img{aspect-ratio:4 / 5;filter:contrast(1.06);height:100%;object-fit:cover;width:100%}@media(max-width:820px){.join-panel,.game-header,.status-band,.game-grid,.step-counter{grid-template-columns:1fr}.join-panel{padding:14px}.join-panel:before{left:14px;right:14px;top:14px}.brand-block h1{font-size:clamp(42px,18vw,68px)}.official-logo-footer{gap:10px;min-height:60px;padding:10px}.official-logo-footer span{height:42px}.official-logo-footer img{max-height:54px;max-width:44vw}.mission-panel h2{font-size:36px}.team-showcase{grid-template-columns:1fr}.team-showcase img{aspect-ratio:16 / 10}.mission-visual{grid-template-columns:88px minmax(0,1fr);min-height:94px}.mission-visual strong{font-size:30px}.step-counter{grid-template-columns:1fr auto}.step-counter>div:first-child{grid-template-columns:20px auto 1fr}.step-counter>div:first-child span{grid-column:auto}.step-stats,.step-actions{justify-content:start}.step-actions{grid-column:2;grid-row:1 / 3}.step-actions .sync-action{display:none}.visual-feature img{aspect-ratio:16 / 9}}