.brand__name[data-v-0a5e8a36]{line-height:1}.brand__dot[data-v-0a5e8a36]{font-style:italic;color:var(--pink)}.game-row[data-v-75e7199e]{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.game-row__code[data-v-75e7199e]{font-family:var(--font-mono);font-weight:800;font-size:1.5rem;letter-spacing:.12em;padding:10px 14px;background:var(--yellow);border:var(--bw) solid var(--ink);border-radius:var(--r-sm);box-shadow:3px 3px 0 var(--ink);text-transform:lowercase}.state-pill[data-v-75e7199e]{display:inline-block;padding:2px 10px;border-radius:999px;border:2px solid var(--ink);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;background:var(--paper);color:var(--ink)}.state-pill.state-setup[data-v-75e7199e]{background:var(--blue-2)}.state-pill.state-game[data-v-75e7199e]{background:var(--pink);color:var(--paper)}.state-pill.state-finished[data-v-75e7199e]{background:var(--mint-2)}.presence-pill[data-v-75e7199e]{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;border:2px solid var(--ink);font-weight:700;letter-spacing:.04em;font-size:.7rem;background:var(--paper);color:var(--muted);text-transform:uppercase}.presence-pill .presence-dot[data-v-75e7199e]{width:8px;height:8px;border-radius:50%;background:var(--muted)}.presence-pill--on[data-v-75e7199e]{color:var(--ink)}.presence-pill--on .presence-dot[data-v-75e7199e]{background:#22c55e;box-shadow:0 0 0 2px #22c55e40}@media (max-width: 520px){.game-row[data-v-75e7199e]{grid-template-columns:1fr}.game-row__code[data-v-75e7199e]{justify-self:flex-start}}.state-pill[data-v-fca0e171]{display:inline-block;padding:4px 12px;border-radius:999px;border:2px solid var(--ink);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.state-pill.state-setup[data-v-fca0e171]{background:var(--blue-2)}.state-pill.state-game[data-v-fca0e171]{background:var(--pink);color:var(--paper)}.state-pill.state-finished[data-v-fca0e171]{background:var(--mint-2)}.avatar-wrap[data-v-fca0e171]{position:relative;display:inline-flex}.presence-dot[data-v-fca0e171]{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:#9ca3af;border:2px solid var(--paper);box-sizing:border-box}.presence-dot--on[data-v-fca0e171]{background:#22c55e}.presence-dot--sm[data-v-fca0e171]{width:10px;height:10px;right:-1px;bottom:-1px}:root{--paper: #FFFFFF;--cream: #FFF7E6;--cream-2: #FBEFD0;--ink: #1A1B26;--ink-soft:#3A3B4A;--muted: #6B6B7A;--pink: #FF4D8D;--pink-2: #FFD8E5;--yellow: #FFD23F;--yellow-2:#FFF1B3;--blue: #3A86FF;--blue-2: #D9E7FF;--mint: #4ECDC4;--mint-2: #CFF1EE;--coral: #FF6B6B;--peach: #FFB39C;--r-sm: 10px;--r: 16px;--r-lg: 22px;--r-xl: 28px;--bw: 2.5px;--shadow-1: 4px 4px 0 var(--ink);--shadow-2: 6px 6px 0 var(--ink);--shadow-3: 8px 8px 0 var(--ink);--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Georgia", serif;--font-ui: "ui-rounded", "SF Pro Rounded", -apple-system, "Hiragino Maru Gothic ProN", "Nunito", "Segoe UI", system-ui, sans-serif;--font-mono: "ui-monospace", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font-ui);font-weight:500;color:var(--ink);background-color:var(--cream);background-image:radial-gradient(circle at 12% 8%,rgba(255,210,63,.55) 0,transparent 35%),radial-gradient(circle at 92% 14%,rgba(255,77,141,.45) 0,transparent 38%),radial-gradient(circle at 80% 95%,rgba(58,134,255,.35) 0,transparent 45%),radial-gradient(circle at 5% 95%,rgba(78,205,196,.45) 0,transparent 45%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 18% 22%,var(--ink) 1.5px,transparent 2px),radial-gradient(circle at 78% 28%,var(--ink) 1.5px,transparent 2px),radial-gradient(circle at 32% 76%,var(--ink) 1.5px,transparent 2px),radial-gradient(circle at 88% 70%,var(--ink) 1.5px,transparent 2px),radial-gradient(circle at 50% 50%,var(--ink) 1.2px,transparent 2px);background-size:280px 280px;opacity:.08}#app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%;max-width:760px;margin:0 auto;padding:env(safe-area-inset-top) 18px calc(env(safe-area-inset-bottom) + 32px)}h1,h2,h3{font-family:var(--font-display);font-weight:900;font-style:italic;line-height:1;letter-spacing:-.01em;margin:0 0 .35em;color:var(--ink)}h1{font-size:clamp(2rem,7vw,2.8rem)}h2{font-size:clamp(1.45rem,5vw,1.85rem)}h3{font-size:clamp(1.15rem,4vw,1.35rem)}p{margin:0 0 .8em;line-height:1.5;color:var(--ink-soft)}small,.helper{font-size:.85rem;color:var(--muted)}.muted{color:var(--muted)}.center{text-align:center}.bold{font-weight:800}a:not([class]){color:var(--pink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}a:not([class]):hover{color:var(--ink)}code,.mono{font-family:var(--font-mono)}.stack>*+*{margin-top:14px}.stack-lg>*+*{margin-top:20px}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gap-sm{gap:6px}.gap-md{gap:14px}.flex-1{flex:1}.card{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:22px;position:relative}.card--cream{background:var(--cream-2)}.card--pink{background:var(--pink-2)}.card--yellow{background:var(--yellow-2)}.card--blue{background:var(--blue-2)}.card--mint{background:var(--mint-2)}.card--flat{box-shadow:none}.card--tight{padding:14px}.card-stickered:before{content:"★";position:absolute;top:-14px;right:-10px;width:36px;height:36px;display:grid;place-items:center;background:var(--yellow);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:50%;box-shadow:var(--shadow-1);font-size:1.1rem;transform:rotate(12deg)}button,a.btn-primary,a.btn-accent,a.btn-warn,a.btn-blue,a.btn-danger,a.btn-ghost,a.btn-link,a.btn,.btn{font-family:var(--font-ui);font-weight:800;font-size:1rem;letter-spacing:.01em;padding:14px 18px;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-1);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .15s ease,filter .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;-webkit-tap-highlight-color:transparent;position:relative}a.btn-link{text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:4px}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}button:active:not(:disabled),.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:var(--shadow-1)}.btn-primary{background:var(--pink);color:var(--paper)}.btn-accent{background:var(--mint);color:var(--ink)}.btn-warn{background:var(--yellow);color:var(--ink)}.btn-blue{background:var(--blue);color:var(--paper)}.btn-danger{background:var(--coral);color:var(--paper)}.btn-ghost{background:transparent;box-shadow:none;border:var(--bw) solid var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--cream-2);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.btn-ghost:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn-link{background:transparent;border:none;box-shadow:none;padding:6px 4px;color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:700}.btn-link:hover{transform:none;box-shadow:none;color:var(--pink)}.btn-link:active{transform:none;box-shadow:none}.btn-block{width:100%}.btn-lg{padding:18px 22px;font-size:1.1rem;box-shadow:var(--shadow-2)}.btn-lg:hover:not(:disabled){box-shadow:8px 8px 0 var(--ink)}.btn-lg:active:not(:disabled){transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}.btn-sm{padding:9px 12px;font-size:.85rem;border-radius:12px;box-shadow:3px 3px 0 var(--ink)}.btn-sm:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink)}.btn-icon{padding:12px;min-width:44px}input,textarea,select{font:inherit;font-family:var(--font-ui);font-weight:600;width:100%;padding:14px 16px;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--r);outline:none;box-shadow:inset 2px 2px #1a1b260a;transition:transform .08s ease,box-shadow .08s ease}input::placeholder,textarea::placeholder{color:var(--muted);font-weight:500}input:focus,textarea:focus,select:focus{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}textarea{resize:vertical;min-height:80px;line-height:1.4}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:40px}label{display:block;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:4px 0 6px}.app-header{position:sticky;top:0;z-index:50;margin:0 -18px 22px;padding:10px 18px;background:var(--cream);border-bottom:var(--bw) solid var(--ink)}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-style:italic;font-weight:900;font-size:1.55rem;letter-spacing:-.01em}.brand__mark{width:38px;height:38px;display:grid;place-items:center;background:var(--yellow);border:var(--bw) solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);font-weight:900;font-style:italic;font-size:1.3rem;color:var(--ink);transform:rotate(-6deg);transition:transform .2s ease}.brand:hover .brand__mark{transform:rotate(6deg)}.app-header__nav{display:flex;align-items:center;gap:10px;min-width:0}.conn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:2px solid var(--ink);border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--paper)}.conn__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.conn--live{color:var(--mint);background:var(--mint-2)}.conn--off{color:var(--coral);background:var(--cream-2);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:2px 2px 0 var(--ink)}.tag--pink{background:var(--pink);color:var(--paper)}.tag--yellow{background:var(--yellow);color:var(--ink)}.tag--blue{background:var(--blue);color:var(--paper)}.tag--mint{background:var(--mint);color:var(--ink)}.tag--admin{background:var(--ink);color:var(--yellow)}.who{display:inline-flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);min-width:0;max-width:200px}.who__meta{display:flex;flex-direction:column;line-height:1.05;min-width:0}.who__name{font-weight:800;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who__code{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.avatar{width:40px;height:40px;border-radius:50%;background:var(--cream-2);border:2px solid var(--ink);object-fit:cover;display:inline-block}.avatar-sm{width:30px;height:30px;border-width:2px}.avatar-lg{width:110px;height:110px;border-width:var(--bw);box-shadow:var(--shadow-2)}.photo-frame{width:100%;aspect-ratio:4/3;border-radius:var(--r);background:var(--cream-2);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-1);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.photo-frame__placeholder{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:1.15rem;color:var(--muted)}.option-btn{width:100%;text-align:left;padding:18px;font-size:1.05rem;font-weight:700;background:var(--paper);border-radius:var(--r);display:flex;align-items:center;gap:12px}.option-btn__bullet{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--cream-2);border:2px solid var(--ink);font-family:var(--font-display);font-style:italic;font-weight:900;flex-shrink:0}.option-btn.correct{background:var(--mint-2)}.option-btn.correct .option-btn__bullet{background:var(--mint)}.option-btn.wrong{background:var(--pink-2)}.option-btn.wrong .option-btn__bullet{background:var(--coral);color:var(--paper)}.option-btn.chosen{background:var(--yellow-2);outline:3px dashed var(--ink);outline-offset:3px}.code-input{font-family:var(--font-mono);font-weight:800;font-size:2rem;letter-spacing:.35em;text-align:center;text-transform:lowercase;padding:18px 14px;background:var(--paper)}.timer-ring{--pct: 100;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pink) calc(var(--pct) * 1%),var(--cream-2) 0);border:var(--bw) solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-mono);font-weight:800;font-size:1.1rem;position:relative}.timer-ring:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:var(--paper);border-radius:50%;z-index:0}.timer-ring span{position:relative;z-index:1}.ladder{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ladder li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-1);font-weight:700}.ladder li.me{background:var(--yellow-2);transform:rotate(-.4deg)}.ladder .rank{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--cream-2);border:2px solid var(--ink);font-family:var(--font-display);font-style:italic;font-weight:900;font-size:.95rem}.ladder li:nth-child(1) .rank{background:var(--yellow)}.ladder li:nth-child(2) .rank{background:var(--blue-2)}.ladder li:nth-child(3) .rank{background:var(--peach)}.ladder .pts{margin-left:auto;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:1.1rem}.spot{position:relative;overflow:hidden;padding:28px 18px;background:var(--paper);border-radius:var(--r-lg);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-3);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.spot.gold{background:var(--yellow-2)}.spot.silver{background:var(--blue-2)}.spot.bronze{background:var(--peach)}.spot__rays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 0%,rgba(26,27,38,.04) 0deg 10deg,transparent 10deg 20deg);opacity:.9}.spot__rank{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:1.1rem;padding:4px 14px;background:var(--ink);color:var(--paper);border-radius:999px;letter-spacing:.12em;text-transform:uppercase}.spot__name{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(1.6rem,6vw,2.2rem);line-height:1.05}.spot__pts{font-family:var(--font-mono);font-weight:800;font-size:1rem}.spot.big .avatar-lg{width:140px;height:140px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-10px;width:10px;height:14px;background:var(--pink);animation:confetti-fall 2.6s linear infinite;opacity:.9}.confetti i:nth-child(odd){background:var(--yellow);width:8px;height:8px;border-radius:50%}.confetti i:nth-child(3n){background:var(--blue)}.confetti i:nth-child(5n){background:var(--mint)}.confetti i:nth-child(7n){background:var(--coral)}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0)}to{transform:translateY(140%) rotate(540deg)}}.timer{font-family:var(--font-mono);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease,transform .25s ease}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-8px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1b2659;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{max-width:380px;width:100%;padding:26px;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-3)}.dialog{text-align:center}.dialog__icon{font-size:2rem;width:64px;height:64px;display:inline-grid;place-items:center;border-radius:50%;background:var(--yellow);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-1);margin:0 auto 6px}.dialog--danger .dialog__icon{background:var(--coral)}.dialog__title{margin:6px 0 4px;font-size:1.45rem}.dialog__msg{margin:0 0 6px;color:var(--ink-soft);line-height:1.45}.dialog__actions{display:flex;gap:10px;width:100%;margin-top:14px}.dialog__btn{flex:1}.dialog-enter-active,.dialog-leave-active{transition:opacity .18s ease}.dialog-enter-active .modal,.dialog-leave-active .modal{transition:transform .22s cubic-bezier(.2,.9,.3,1.3),opacity .18s ease}.dialog-enter-from,.dialog-leave-to{opacity:0}.dialog-enter-from .modal{transform:scale(.92) rotate(-1deg);opacity:0}.dialog-leave-to .modal{transform:scale(.96);opacity:0}.spinner{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 0deg,var(--pink),var(--yellow),var(--blue),var(--mint),var(--pink));-webkit-mask:radial-gradient(circle,transparent 45%,#000 47%);mask:radial-gradient(circle,transparent 45%,#000 47%);animation:spin 1.2s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.error{background:var(--pink-2);border:var(--bw) solid var(--ink);border-radius:var(--r);color:var(--ink);padding:12px 14px;font-weight:700;box-shadow:var(--shadow-1);display:flex;align-items:center;gap:10px}.error:before{content:"!";font-family:var(--font-display);font-style:italic;font-weight:900;width:26px;height:26px;display:grid;place-items:center;background:var(--coral);color:var(--paper);border:2px solid var(--ink);border-radius:50%;flex-shrink:0}.helper{font-size:.85rem;color:var(--muted)}.hero{position:relative;padding:36px 22px 28px;text-align:center;background:var(--yellow-2);border:var(--bw) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-3);overflow:hidden}.hero__eyebrow{display:inline-block;padding:4px 12px;background:var(--ink);color:var(--yellow);border-radius:999px;font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.hero__title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(2.4rem,9vw,3.4rem);line-height:.95;letter-spacing:-.02em;margin:0 0 .1em}.hero__title em{font-style:italic;background:var(--pink);color:var(--paper);padding:0 .12em;display:inline-block;transform:rotate(-2deg);border:var(--bw) solid var(--ink);border-radius:8px}.hero__subtitle{font-family:var(--font-ui);font-style:normal;font-weight:600;font-size:1.05rem;color:var(--ink-soft);margin:12px 0 18px}.hero__sparkle{position:absolute;font-family:var(--font-display);font-style:italic;font-weight:900;color:var(--ink);opacity:.55}.hero__sparkle.s1{top:14px;left:18px;font-size:1.6rem;transform:rotate(-10deg)}.hero__sparkle.s2{bottom:12px;right:22px;font-size:1.4rem;transform:rotate(14deg)}.hero__sparkle.s3{top:22%;right:14px;font-size:1rem}.q-card{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:18px}.q-card__text{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(1.4rem,5vw,1.75rem);line-height:1.1;margin:10px 0 0}.q-author-avatar{position:absolute;bottom:6px;left:6px;width:10%;max-width:10%;max-height:10%;aspect-ratio:1;height:auto;border-radius:50%;border:2px solid var(--ink);box-shadow:1px 1px 0 var(--ink);background:var(--cream-2);object-fit:cover}.kbd{display:inline-block;padding:2px 8px;background:var(--paper);border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-mono);font-weight:700;font-size:.9rem}.toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.toggles button{width:100%;padding:12px 10px;font-size:.9rem}.toggles button.active{background:var(--ink);color:var(--paper);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.stepper{display:flex;align-items:center;gap:8px;margin:-4px 0 2px}.stepper__step{display:flex;align-items:center;gap:8px;flex-shrink:0}.stepper__dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);font-style:italic;font-weight:900;font-size:1rem;flex-shrink:0}.stepper__step.active .stepper__dot{background:var(--yellow);transform:rotate(-4deg)}.stepper__step.done .stepper__dot{background:var(--mint)}.stepper__label{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stepper__step.active .stepper__label,.stepper__step.done .stepper__label{color:var(--ink)}.stepper__bar{flex:1;height:3px;background:var(--ink);opacity:.25;border-radius:2px;min-width:8px}.stepper__bar.done{opacity:1;background:var(--mint)}@media (max-width: 480px){.stepper__label{display:none}.stepper{gap:6px}}.path-card{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:16px;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-1);cursor:pointer;font-family:var(--font-ui);color:var(--ink);transition:transform .08s ease,box-shadow .08s ease,background .15s ease}.path-card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.path-card:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.path-card--ai{background:var(--blue-2)}.path-card__icon{width:52px;height:52px;display:grid;place-items:center;background:var(--yellow);border:var(--bw) solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink);font-size:1.6rem;flex-shrink:0}.path-card--ai .path-card__icon{background:var(--blue);color:var(--paper)}.path-card__body{flex:1;min-width:0}.path-card__title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:1.25rem;line-height:1.05;margin:0 0 4px}.path-card__desc{font-size:.88rem;font-weight:600;color:var(--ink-soft);line-height:1.35}.path-card__chev{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:1.4rem;color:var(--ink);flex-shrink:0}.photo-strip{width:100%;aspect-ratio:16 / 9;border-radius:var(--r);background:var(--cream-2);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-1);overflow:hidden}.photo-strip img{width:100%;height:100%;object-fit:cover;display:block}.photo-summary{display:flex;align-items:center;gap:12px;padding:10px;background:var(--cream-2);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-1)}.photo-thumb{width:64px;height:64px;object-fit:cover;border:var(--bw) solid var(--ink);border-radius:var(--r-sm);box-shadow:2px 2px 0 var(--ink);flex-shrink:0;display:block}.photo-summary__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.photo-summary__label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.photo-summary .btn-link{padding:2px 0}.foot{margin-top:28px;text-align:center;font-size:.78rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:700}@media (max-width: 480px){.conn{display:none}.who{max-width:140px}.card{padding:18px}.hero{padding:28px 16px 22px}}@media (max-width: 360px){.who__code{display:none}.brand{font-size:1.3rem}}@media (min-width: 720px){#app{padding:28px 28px calc(env(safe-area-inset-bottom) + 48px)}.app-header{margin:0 -28px 26px;padding:12px 28px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}