dialog.intro-dialog{width:min(860px,calc(100vw - 32px));height:min(730px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;overflow:hidden;border:1px solid #8b65bb;background:#080d1b;color:#eeeaff;box-shadow:0 0 0 4px #171024,0 25px 100px #000b}
dialog.intro-dialog::backdrop{background:#030611e8;backdrop-filter:blur(4px)}.intro-dialog #modalContent,.intro-dialog .modal-inner{width:100%;height:100%;padding:0!important;max-height:none;overflow:hidden;box-sizing:border-box}.intro-shell{height:100%;display:grid;grid-template-rows:auto 4px auto minmax(0,1fr) auto auto;gap:14px;padding:20px 26px;box-sizing:border-box;text-align:center;background:radial-gradient(ellipse at 50% 40%,#2a163f66,transparent 70%),linear-gradient(#14203d33 1px,transparent 1px);background-size:auto,100% 24px}.intro-top{all:unset;display:flex;align-items:center;justify-content:space-between;gap:8px;font:10px 'Courier New',monospace;letter-spacing:1px;color:#b8a8d5}.intro-top button{font:10px 'Courier New',monospace;min-height:34px;color:#c7bfd7}.intro-progress{display:flex;gap:5px}.intro-progress>span{height:3px;flex:1;background:#31233f}.intro-progress>.lit{background:#35e3ed;box-shadow:0 0 8px #35e3ed44}.intro-heading .eyebrow{color:#ffd66b;font-size:10px}.intro-heading h2{font-size:clamp(21px,3vw,32px);color:#eeeaff;margin:8px 0 9px;line-height:1.15;letter-spacing:0}.intro-heading>p{margin:0 auto;max-width:650px;font-size:13px;line-height:1.5;color:#c9c3dc}.intro-stage{min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.intro-tiles{display:flex;justify-content:center;align-items:center;gap:5px;min-width:0}.intro-tiles i{font-style:normal;font-size:20px;color:#847394;margin:0 8px}.intro-shell .tile{flex-shrink:0;width:48px!important;height:68px!important;min-width:0;max-width:none;transform:none!important;pointer-events:none}.intro-shell .tile .num{font-size:30px!important;line-height:1!important}.intro-shell .tile .symbol{width:20px!important;height:20px!important;margin:4px auto 0!important;line-height:0}.intro-shell .tile .symbol svg{width:100%;height:100%}.intro-shell .tile.corp>svg{width:80%;height:80%}.intro-shell .tile.joker .joker-art{width:100%;height:100%}.intro-shell .joker-caption{font-size:6px!important}.intro-shell .joker-seal{font-size:9px}.intro-slot{width:48px;height:68px;border:1px dashed #8b65bb;display:grid;place-items:center;font-size:28px;color:#c39bff}.intro-options{display:flex;gap:12px}.intro-choice{font:12px 'Courier New',monospace;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#15132b;border:1px solid #6d4b94;padding:10px 14px;color:#e9dfff;min-width:0;transition:border-color .15s,background .15s}.intro-choice small{font-size:10px;line-height:1.3;color:#bdb0d0;letter-spacing:0}.intro-choice:hover,.intro-choice:focus-visible{border-color:#35e3ed;background:#192039;outline:2px solid #35e3ed;outline-offset:2px}.intro-choice.is-picked{border-color:#ffd66b;background:#312039;box-shadow:inset 0 -3px #ffd66b}.intro-note{font:11px/1.5 'Courier New',monospace!important;color:#b6abc8!important;max-width:650px;margin:0!important;letter-spacing:0}.intro-welcome{display:grid;gap:20px;justify-items:center}.intro-welcome>p,.intro-finish>p{font-size:14px;color:#ddd4ec;margin:0}.intro-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.intro-chips span{border:1px solid #51406f;padding:9px;font-size:10px;color:#c2b4db}.intro-portfolio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:640px}.intro-portfolio .intro-choice{padding:8px 4px}.intro-portfolio .intro-choice:last-child{grid-column:2}.intro-portfolio .tile{width:37px!important;height:53px!important}.intro-portfolio .tile .num{font-size:24px!important}.intro-fragment{display:flex;justify-content:center;gap:6px;width:100%}.intro-fragment .intro-choice{padding:6px}.intro-discard-zone{height:70px;width:100%;max-width:420px;border:1px dashed #70558d;color:#a99abb;font-size:11px;display:flex;justify-content:center;align-items:center;gap:15px}.intro-discard-zone.received{border-color:#35e3ed;color:#35e3ed;background:#35e3ed08}.intro-discard-zone .tile{width:33px!important;height:47px!important}.intro-call-scene{display:flex;align-items:center;gap:18px;font-size:10px;color:#c8b6db}.intro-call-scene>b{color:#ffd66b}.intro-call-options{display:flex;gap:12px}.intro-call-options strong{color:#ed63de;letter-spacing:1px}.intro-jokers{display:flex;justify-content:center;gap:12px}.intro-jokers button{display:grid;gap:6px;justify-items:center;background:#141026;border:1px solid #51406f;padding:7px;color:#c9b5e6}.intro-jokers button[aria-pressed=true]{border-color:#ffd66b;box-shadow:0 0 0 1px #ffd66b}.intro-jokers small{font-size:10px}.intro-joker-example{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 16px;max-width:610px}.intro-joker-example>p{font-size:12px;line-height:1.5;text-align:left;margin:0}.intro-joker-example>span{font-size:9px;color:#a998bf}.intro-joker-example .intro-tiles:last-child .tile{width:32px!important;height:45px!important;opacity:.8}.intro-joker-example .intro-tiles:last-child .tile .num{font-size:22px!important}.intro-market{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:510px;width:100%}.intro-market .intro-choice{gap:9px;padding:12px 5px}.intro-price{font-size:10px;color:#c6b7de;white-space:nowrap}.intro-market strong{font-size:25px;color:#ffd66b}.intro-multipliers{display:flex;gap:7px}.intro-multipliers button{font-size:10px;padding:8px;background:#15112a;border:1px solid #604273;color:#bdafcd}.intro-multipliers button[aria-pressed=true]{color:#ffd66b;border-color:#ffd66b}.intro-shop-demo{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:18px;width:100%;max-width:620px}.intro-investor,.intro-recipient,.intro-wall{display:grid;justify-items:center;gap:12px;font-size:10px;color:#b6a5ce}.intro-investor>b{font-size:32px;color:#ffd66b}.intro-wall{border:1px solid #6d4b94;background:#1a1034;padding:14px 6px}.intro-wall>small{font-size:10px}.intro-recipient img{width:64px;height:64px;object-fit:cover;image-rendering:pixelated;filter:saturate(.2);opacity:.35}.intro-funded .intro-recipient img{filter:none;opacity:1;box-shadow:0 0 18px #ffd66b55}.intro-funded .intro-recipient b{color:#ffd66b}.intro-funded .intro-wall .tile{animation:introTransfer .65s ease-out}.intro-response{display:grid;gap:6px;min-height:64px}.intro-prompt{font-size:12px;line-height:1.5;color:#e4dcef;margin:0!important}.intro-feedback{font-size:11px;line-height:1.4;color:#ffd66b;margin:0!important;min-height:30px}.intro-feedback.correct{color:#65e9db}.intro-controls{all:unset;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #423052;padding-top:12px;font:10px 'Courier New',monospace;color:#b1a1c4}.intro-controls button{font:11px 'Courier New',monospace;min-height:42px;padding:10px 15px;white-space:normal}.intro-controls button[disabled]{opacity:.4;cursor:default}.intro-controls>span{white-space:nowrap}.intro-finish{display:grid;justify-items:center;gap:20px}.intro-shell button:focus-visible{outline:2px solid #35e3ed;outline-offset:2px}@keyframes introTransfer{0%{transform:translateX(-30px);opacity:.2}60%{opacity:1}100%{transform:translateX(0)}}
@media(max-width:600px){dialog.intro-dialog{width:calc(100vw - 16px);height:min(780px,calc(100dvh - 20px))}.intro-shell{padding:12px 13px;gap:10px}.intro-heading h2{font-size:23px;margin:6px 0}.intro-heading>p{font-size:12px;line-height:1.4}.intro-heading .eyebrow{font-size:9px}.intro-portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.intro-portfolio .intro-choice:last-child{grid-column:1 / -1;justify-self:center;min-width:120px}.intro-portfolio .tile{width:32px!important;height:45px!important}.intro-portfolio .tile .num{font-size:22px!important}.intro-portfolio .tile .symbol{width:14px!important;height:14px!important;margin-top:3px!important}.intro-fragment{gap:3px}.intro-fragment .intro-choice{padding:4px 2px}.intro-fragment .tile{width:38px!important;height:54px!important}.intro-fragment .tile .num{font-size:25px!important}.intro-note{font-size:10px!important;line-height:1.4!important}.intro-call-scene{gap:10px;font-size:9px}.intro-call-options{gap:7px}.intro-call-options .intro-choice{font-size:11px;padding:12px 7px}.intro-jokers{gap:6px}.intro-jokers button{padding:5px}.intro-jokers .tile{width:45px!important;height:64px!important}.intro-jokers small{font-size:9px}.intro-joker-example{gap:8px;grid-template-columns:1fr}.intro-joker-example>p{text-align:center;font-size:11px}.intro-joker-example>span{display:none}.intro-joker-example .intro-tiles:last-child{display:none}.intro-market{gap:6px}.intro-price{font-size:8px}.intro-market strong{font-size:23px}.intro-market .intro-choice{padding:10px 3px}.intro-multipliers{gap:4px}.intro-multipliers button{font-size:9px;padding:7px}.intro-shop-demo{gap:8px}.intro-recipient img{width:48px;height:48px}.intro-investor,.intro-recipient,.intro-wall{font-size:9px;gap:8px}.intro-recipient>b{font-size:9px}.intro-wall>small{font-size:9px}.intro-controls{gap:6px;flex-wrap:wrap}.intro-controls>span.intro-note{font-size:8px!important;white-space:normal;max-width:100px}.intro-controls button{font-size:10px;min-height:40px;padding:8px 10px}.intro-controls [data-intro-guided]{flex-basis:100%}.intro-response{min-height:72px}.intro-prompt{font-size:11px}.intro-feedback{font-size:10px;min-height:28px}.intro-stage{gap:10px}.intro-welcome>p,.intro-finish>p{font-size:12px}}
@media(max-height:660px){.intro-shell{gap:7px;padding:10px 13px}.intro-heading h2{font-size:22px;margin:4px 0}.intro-heading>p{font-size:11px}.intro-top button{min-height:28px}.intro-stage{gap:7px}.intro-response{min-height:60px;gap:3px}.intro-controls{padding-top:7px}.intro-controls button{min-height:34px;padding:7px 10px}.intro-welcome{gap:12px}.intro-portfolio .tile{width:29px!important;height:41px!important}.intro-portfolio .tile .num{font-size:20px!important}.intro-portfolio .intro-choice{padding:5px 2px;gap:4px}.intro-jokers .tile{width:38px!important;height:54px!important}.intro-shop-demo .tile{width:40px!important;height:57px!important}.intro-shop-demo{gap:8px}.intro-market .tile{width:40px!important;height:57px!important}.intro-joker-example .intro-tiles:last-child{display:none}.intro-joker-example>span{display:none}.intro-note{font-size:9px!important}.intro-welcome .tile{width:36px!important;height:51px!important}}
@media(max-height:560px) and (min-width:601px){.intro-shell{grid-template-columns:1fr 1fr;grid-template-rows:auto 3px auto minmax(0,1fr) auto;gap:7px 20px}.intro-top,.intro-progress,.intro-controls{grid-column:1 / -1}.intro-heading{grid-column:1;align-self:end}.intro-stage{grid-column:2;grid-row:3 / 5}.intro-response{grid-column:1;grid-row:4;align-self:center}.intro-portfolio{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.intro-portfolio .intro-choice:last-child{grid-column:1 / -1;justify-self:center}.intro-fragment{flex-wrap:wrap;max-width:230px}.intro-stage .intro-note{font-size:9px!important}.intro-jokers{gap:4px}.intro-jokers .tile{width:32px!important;height:45px!important}.intro-jokers button{padding:4px}.intro-joker-example{grid-template-columns:1fr}.intro-joker-example .intro-tiles{display:none}.intro-joker-example p{text-align:center;font-size:10px}.intro-market .intro-choice{padding:5px 2px;gap:6px}.intro-market strong{font-size:20px}.intro-price{font-size:8px}.intro-multipliers button{font-size:9px;padding:5px}.intro-shop-demo{gap:5px}.intro-shop-demo span,.intro-shop-demo b{font-size:8px}.intro-investor>b{font-size:22px}.intro-recipient img{width:40px;height:40px}.intro-wall{padding:8px 3px}.intro-call-scene{gap:7px;font-size:8px}.intro-call-options{gap:5px}.intro-call-options .intro-choice{padding:8px 5px;font-size:10px}.intro-chips{gap:5px}.intro-chips span{font-size:9px;padding:6px}}
@media(prefers-reduced-motion:reduce){.intro-shell *{animation:none!important;transition:none!important}}
@media(min-width:601px) and (min-height:561px){.intro-shell .tile{width:64px!important;height:90px!important}.intro-shell .tile .num{font-size:38px!important}.intro-shell .tile .symbol{width:26px!important;height:26px!important;margin-top:6px!important}.intro-portfolio .tile{width:42px!important;height:60px!important}.intro-portfolio .tile .num{font-size:27px!important}.intro-portfolio .tile .symbol{width:18px!important;height:18px!important;margin-top:4px!important}.intro-joker-example .intro-tiles:last-child .tile{width:36px!important;height:51px!important}.intro-joker-example .intro-tiles:last-child .tile .num{font-size:23px!important}.intro-discard-zone{height:93px}.intro-discard-zone .tile{width:48px!important;height:68px!important}}
@media(max-width:600px){.intro-welcome .tile{width:37px!important;height:53px!important}.intro-welcome .tile .num{font-size:25px!important}.intro-welcome .tile .symbol{width:17px!important;height:17px!important}.intro-welcome .intro-tiles{gap:3px}.intro-welcome .intro-tiles i{margin:0 4px}}
.intro-funded .intro-recipient{animation:introGlow .7s ease-out}.intro-feedback.correct:not(:empty){animation:introAnswer .22s ease-out}@keyframes introGlow{0%{filter:brightness(2)}100%{filter:brightness(1)}}@keyframes introAnswer{from{opacity:.2;translate:0 3px}to{opacity:1;translate:0 0}}
.intro-linked{filter:drop-shadow(0 0 7px #35e3ed55)}.intro-discard-zone.received{animation:introAnswer .25s ease-out}.intro-fragment:has(.intro-choice.is-picked:last-child) .intro-choice.is-picked{opacity:.35}
.intro-shell .intro-discard-zone .tile .num{font-size:21px!important}.intro-shell .intro-discard-zone .tile .symbol{width:14px!important;height:14px!important;margin-top:2px!important}.intro-joker-example .intro-tiles:last-child .tile .symbol{width:12px!important;height:12px!important;margin-top:2px!important}
@media(min-width:601px) and (min-height:561px){.intro-shell .intro-discard-zone .tile .num{font-size:30px!important}.intro-shell .intro-discard-zone .tile .symbol{width:20px!important;height:20px!important;margin-top:4px!important}}
@media(max-height:660px){.intro-welcome .tile .num{font-size:22px!important}.intro-welcome .tile .symbol{width:14px!important;height:14px!important;margin-top:3px!important}.intro-portfolio .tile .symbol{width:12px!important;height:12px!important;margin-top:2px!important}}
.game-menu .intro-help-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.game-menu .intro-help-row>button{width:100%;min-width:0;margin:0;white-space:normal;line-height:1.25;padding:5px}
/* Two readable examples, never squeezed into a scrolling horizontal rail. */
.intro-basic-groups{display:flex;justify-content:center;gap:14px;width:100%;flex-wrap:wrap}.intro-basic-groups .intro-choice{padding:10px}.intro-summary{display:grid;gap:14px;text-align:left;max-width:540px}.intro-summary p{margin:0;font:13px/1.5 'Courier New',monospace;color:#ccc3df}.intro-summary b{display:block;color:#ffd66b;font-size:12px;margin-bottom:4px}
@media(max-width:600px){.intro-basic-groups{gap:8px}.intro-basic-groups .tile{width:36px!important;height:51px!important}.intro-basic-groups .tile .num{font-size:24px!important}.intro-basic-groups .tile .symbol{width:16px!important;height:16px!important;margin-top:3px!important}.intro-basic-groups .intro-choice{padding:7px;gap:5px}.intro-summary{gap:10px}.intro-summary p{font-size:11px;line-height:1.4}.intro-summary b{font-size:11px}}
@media(max-height:660px){.intro-basic-groups{gap:7px}.intro-basic-groups .tile{width:30px!important;height:43px!important}.intro-basic-groups .tile .num{font-size:21px!important}.intro-basic-groups .tile .symbol{width:13px!important;height:13px!important;margin-top:2px!important}.intro-basic-groups .intro-choice{padding:6px}.intro-summary{gap:8px}.intro-summary p{font-size:11px}}
/* Header navigation has height:100%; Joker tabs are content-sized controls. */
.intro-shell .intro-jokers{height:auto;min-height:0;flex-shrink:0;align-items:flex-start}.intro-jokers button{grid-template-rows:auto auto;align-content:start}