:root{color-scheme:dark;--bg:#17121e;--panel:#211a2b;--panel-light:#2c2238;--text:#f7f0ef;--muted:#b8acbe;--line:#3b3045;--purple:#aa79f4;--lavender:#d1b8f4;--mint:#c6e4c4;--serif:Georgia,'Times New Roman',serif;--ease:cubic-bezier(.2,.8,.2,1);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 5%,#33204677,transparent 45%),var(--bg);color:var(--text);font-size:15px;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}button,select,input{touch-action:manipulation}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c0e6dc;outline-offset:4px}button{transition:background .16s,transform .2s,border-color .16s}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.3vw,66px);line-height:1.06;letter-spacing:-2px;font-weight:500;font-family:var(--serif);margin-bottom:20px}h2{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.18;margin-bottom:14px}h3{font-size:19px;line-height:1.25;margin-bottom:12px}p{color:var(--muted);margin-bottom:18px}em{font-family:var(--serif);color:var(--lavender);font-weight:400}small,.micro{font-size:12px;line-height:1.6;color:var(--muted)}b,strong{color:var(--text)}input,select{background:#19141f;border:1px solid #4b3e57;border-radius:8px;color:var(--text);padding:12px 14px;min-width:0}select{max-width:100%}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);margin-bottom:16px}input::placeholder{color:#8e8299}hr{border:0;border-top:1px solid var(--line);margin:25px 0}details{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}summary{cursor:pointer;font-size:14px;color:var(--lavender);padding:4px 0}summary+p{margin-top:12px}.topbar{height:100px;display:flex;align-items:center;gap:22px;padding:0 4.5%;border-bottom:1px solid var(--line);background:#17121ee8}.brand{padding:0;border:0;background:transparent;width:218px;flex:none}.brand img{width:218px;height:87px;object-fit:contain}.topbar nav{display:flex;gap:5px;align-items:stretch;margin:auto}.nav-item{border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.nav-item.active{background:#3b2b4b;color:#e5d2fd}.nav-item:hover{color:white;background:#30263b}.wallet{display:flex;gap:8px;align-items:center;font-size:12px;white-space:nowrap}.wallet strong{font-size:17px;font-variant-numeric:tabular-nums}.wallet>span:last-child{color:var(--muted)}.ink-drop{color:var(--lavender);font-size:20px}.icon-button{border:1px solid var(--line);background:#251d30;border-radius:50%;width:36px;height:36px;font-size:20px;line-height:1}main{max-width:1320px;margin:auto;padding:0 48px 55px;min-height:calc(100vh - 174px)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 4.5%;font-size:10px;letter-spacing:.5px;color:#b2a5bb}footer i{font-style:normal;padding:0 8px;color:var(--purple)}.button{display:inline-flex;gap:16px;align-items:center;justify-content:center;border:1px solid #69567c;border-radius:8px;padding:12px 20px;background:#32233f;font-size:13px;font-weight:600;text-decoration:none;min-height:43px}.button:hover:not(:disabled){background:#48315b;transform:translateY(-1px)}.button.primary{background:#b894e8;color:#211330;border-color:#c8a6f1;box-shadow:inset 0 1px #fff4}.button.primary:hover:not(:disabled){background:#d0adfa}.button.light{background:#eaddef;color:#291b31;border-color:#eaddef}.button.subtle{background:transparent}.button.text-button{background:none;border-color:transparent;padding-inline:0;color:#d7c2eb;box-shadow:none}.button.small{padding:8px 13px;font-size:12px;min-height:36px}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#bea1da;display:block;margin-bottom:16px}.live-dot{display:inline-block;width:6px;height:6px;background:#c8e7cb;border-radius:50%;margin-right:6px;vertical-align:1px}.desk-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:496px;gap:20px;padding:44px 0 33px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(42px,4.6vw,67px);margin-bottom:23px}.hero-copy p{font-size:14px;line-height:1.8;margin-bottom:25px;color:#c2b6c9}.hero-stats{display:flex;gap:22px;margin-top:34px;font-size:10px;color:#b6a5c1}.hero-stats span{display:flex;flex-direction:column}.hero-stats b{font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.1;margin-bottom:4px}.card-fan{height:380px;position:relative;isolation:isolate}.orbit{position:absolute;width:390px;height:270px;border:1px solid #8b63b933;border-radius:50%;top:50px;left:12%;transform:rotate(-30deg);z-index:-1}.orbit.two{transform:rotate(30deg);width:430px;left:5%;top:55px}.fan-card{position:absolute;top:52px;width:194px}.fan-card .card{box-shadow:0 22px 45px #09070a99}.fan-0{left:3%;transform:rotate(-14deg);z-index:1;top:63px}.fan-1{left:29%;transform:rotate(3deg);z-index:3;top:22px}.fan-2{left:56%;transform:rotate(15deg);z-index:2;top:61px}.fan-caption{position:absolute;bottom:-1px;left:15%;right:5%;text-align:center;font-size:9px;letter-spacing:2px;color:#b5a0c5}.floating-star{position:absolute;color:#e0c8fb}.star-one{top:2px;right:50px;font-size:37px}.star-two{bottom:45px;left:20px;font-size:28px}.welcome-strip{display:flex;gap:18px;align-items:center;background:#2c2534;border:1px solid #473753;border-radius:10px;padding:15px 22px;margin-bottom:28px}.welcome-strip>div{flex:1}.welcome-strip b{display:block;font-size:13px}.welcome-strip span:not(.welcome-mark){font-size:12px;color:var(--muted)}.welcome-mark{font-size:28px;color:var(--lavender)}.desk-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.pack-panel{display:flex;align-items:center;min-height:265px;border:1px solid #5c426e;border-radius:14px;background:radial-gradient(ellipse at 0% 70%,#67447877,transparent 65%),linear-gradient(110deg,#302338,#221b2c);padding:30px 25px;gap:20px;overflow:hidden}.pack-copy{flex:1}.pack-copy h2{font-size:27px}.pack-copy p{font-size:12px}.pack-copy .eyebrow{font-size:9px;letter-spacing:1.6px}.pack-visual{width:160px;height:198px;position:relative;flex:none;perspective:600px}.booster{position:absolute;left:20px;top:3px;transform:rotate(-9deg);z-index:2;width:125px;height:186px;border:1px solid #cabbeb;border-top:8px double #a89bd5;border-bottom:8px double #a89bd5;border-radius:4px;background:linear-gradient(130deg,#cec5ff,#9fdaea 25%,#f3c1e2 43%,#987ee2 55%,#d2e7df 75%,#be95ec);box-shadow:7px 12px 20px #0b071a66;color:#412454;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:.9;padding:10px}.booster:after{content:'';position:absolute;inset:5px;border:1px solid #fff8}.booster span{font-size:26px;font-weight:900;letter-spacing:-1px;text-shadow:1px 2px #fff8;text-align:center;transform:skew(-5deg)}.booster b{color:#422553}.booster i{font-size:35px;font-style:normal;margin:12px}.booster small{font-size:6px;letter-spacing:1px;color:#4a355a;text-align:center}.booster.back{left:43px;top:6px;transform:rotate(9deg);z-index:1;filter:brightness(.65)}.side-panel{background:#211d29;border:1px solid var(--line);border-radius:14px;padding:27px;position:relative;overflow:hidden}.side-panel h3{font-family:var(--serif);font-size:26px;font-weight:400;max-width:65%}.side-panel p{font-size:12px;margin-bottom:8px}.connection-icons{position:absolute;right:10px;top:57px;display:flex;align-items:center;width:145px;transform:rotate(7deg)}.connection-icons svg{width:66px;height:85px}.section-block{margin-top:38px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin-bottom:0}.family-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.family-tile{background:#211b2a;border:1px solid var(--line);border-radius:9px;min-height:130px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:5px}.family-tile>span{color:var(--family);font-family:var(--serif);font-size:25px;line-height:1;margin-bottom:9px}.family-tile b{font-size:12px}.family-tile small{font-size:10px;color:#b0a2ba}.family-tile:hover{border-color:var(--family)}.page-heading{padding:44px 0 22px}.page-heading h1{font-size:48px}.page-heading p{margin-bottom:5px;font-size:14px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:16px}.search-label{flex:1;position:relative;margin:0}.search-label>span{position:absolute;left:13px;top:8px;font-size:23px;color:var(--lavender)}.search-label input{padding-left:43px;width:100%}.filters select{font-size:12px;padding:13px 10px}.results-line{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:18px 0}.collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 18px}.card{position:relative;display:block;width:100%;padding:9px 9px 6px;background:linear-gradient(160deg,#e9e1d2,#cfc2b7);border:2px solid #bfb0a5;border-radius:11px;text-align:left;color:#30283c;box-shadow:0 7px 14px #0c081433;overflow:hidden;isolation:isolate;--card-color:#baa7dc}.card:hover:not(:disabled){transform:translateY(-5px);border-color:#eee2fa;box-shadow:0 12px 25px #08040e77}.card-top{display:flex;justify-content:space-between;gap:3px;align-items:center;font-size:7px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;line-height:1.3;min-height:22px}.cost{background:#322641;color:#f2e4ff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:13px;flex:none;letter-spacing:0;box-shadow:inset 0 0 0 2px #eee4ec44}.card-star{font-size:14px}.card-art{position:relative;margin:6px 0 8px;background:radial-gradient(ellipse,#ffffff88,transparent 75%),#e0d6c8;border:1px solid #ab9e9588;border-radius:5px;overflow:hidden;aspect-ratio:1.18}.card-art .illustration{width:100%;height:100%;display:block;transition:transform .3s}.card:hover .illustration{transform:scale(1.045)}.card-title{font-size:13px;line-height:1.15;font-weight:700;letter-spacing:-.2px;min-height:29px;display:flex;align-items:center}.card-title small{font-size:12px;color:#785696;margin-left:3px}.card-rule{font-size:10px;line-height:1.42;min-height:57px;padding:6px 0 8px;white-space:normal}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #6e5e7433;padding-top:5px;gap:4px;font-size:6px;letter-spacing:.5px;text-transform:uppercase;color:#625566}.card-bottom span:first-child{font-weight:bold}.card.edition-1{border-style:double;border-width:3px;background:repeating-linear-gradient(135deg,#e4dbc8 0 3px,#d5cbbd 3px 4px)}.card.edition-2{background:linear-gradient(135deg,#b8dddf,#e4c1eb 30%,#c6b7eb 55%,#cde4ce 82%,#dbc3eb);border-color:#bca7e7}.card.edition-3{background:linear-gradient(120deg,#b2d8eb,#c7f0e0 20%,#d8b3f1 45%,#f2bfcf 70%,#c5def5);border-color:#d5b2f4}.card.edition-4{background:linear-gradient(120deg,#e8dda4,#b7e6ce,#e5b9ee,#b9d7f0,#edcdb8);border-color:#f8dfa0}.card.edition-5{background:linear-gradient(140deg,#b4efd6,#ddd4ff,#eeb9e5);border:3px double #f5e8ff}.edition-2 .card-art,.edition-3 .card-art,.edition-4 .card-art,.edition-5 .card-art{background:radial-gradient(circle at 30% 30%,#ffffffa0,transparent),linear-gradient(130deg,#cbd7e1,#d3bfe0,#c2dace)}.foil-light{position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 38%,#ffffff55 45%,#b8fff644 48%,#fff3cb55 51%,transparent 59%);transform:translateX(-60%);pointer-events:none}.card:hover .foil-light{animation:foil 1.3s var(--ease) forwards}.ownership{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a595b2;padding:8px 4px 0}.ownership .owned{color:#c0d0b8}.ownership button{background:none;border:0;font-size:20px;color:#d5bee9;padding:0 4px}.pagination{display:flex;justify-content:center;gap:24px;align-items:center;margin-top:30px;font-size:13px}.muted{color:var(--muted);font-size:13px}.empty{padding:30px;text-align:center;color:var(--muted);grid-column:1/-1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:27px}.notice{background:#33253f;border:1px solid #67497d;border-radius:8px;font-size:13px;padding:14px 18px;color:#d9c6e8;margin:20px 0}.setup-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.setup-controls label{margin-top:20px}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.focus-option{background:#251c30;border:1px solid #55425f;border-radius:8px;padding:13px 8px;text-align:left;display:flex;gap:8px;align-items:center}.focus-option b{font-size:12px}.focus-option>span{color:var(--family);font-size:24px}.focus-option.selected{background:#44304f;border-color:var(--family)}.setup-feature{display:flex;flex-direction:column;align-items:center;padding-top:20px}.signature-card{width:255px;transform:rotate(4deg)}.signature-card .card-title{font-size:20px}.signature-card .card-rule{font-size:13px;min-height:78px}.signature-card .card-top{font-size:10px}.signature-card .card-art{height:205px;aspect-ratio:auto}.segmented{display:flex;background:#17121e;border:1px solid #4d3b5a;border-radius:8px;padding:4px;gap:4px}.segmented button{flex:1;font-size:12px;background:none;border:0;border-radius:5px;padding:10px 7px}.segmented button.active{background:#61417d}.run-top{padding:30px 0 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.run-top .eyebrow{margin-bottom:8px}.run-top h2{font-size:23px;margin:0}.run-counters{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:13px}.run-counters>span:first-child{color:#ecacae}.run-counters small{font-size:10px}.relic-bar{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#dfc998;padding:12px 0}.route-map{display:flex;justify-content:center;gap:0;margin:30px auto;max-width:720px}.route-step{position:relative;flex:1;text-align:center;color:#5f4c70}.route-step:before{content:'';position:absolute;top:17px;left:-50%;width:100%;height:1px;background:#4a3659;z-index:-1}.route-step:first-child:before{display:none}.route-step>span{display:block;margin:auto;background:#17121e;width:34px;font-size:23px;line-height:34px}.route-step small{font-size:9px}.route-step.complete{color:#abd3ba}.route-step.current{color:#d7b4fa}.route-step.current>span{box-shadow:0 0 30px #ac6bdd55;border:1px solid #ac6bdd;border-radius:50%}.center-heading{text-align:center;margin:25px 0}.center-heading h1{font-size:40px}.route-options{display:flex;gap:25px;justify-content:center;margin:32px 0}.route-option{width:320px;min-height:270px;border:1px solid #67497d;border-radius:14px;background:radial-gradient(ellipse at top,#65417d66,transparent 75%),#251c30;padding:25px;text-align:left;position:relative;overflow:hidden}.route-option:hover{border-color:#d4b3f6;transform:translateY(-4px)}.route-option h2{font-size:27px}.route-option p{font-size:13px}.route-symbol{position:absolute;right:25px;top:20px;font-size:70px;line-height:1;color:#c3a2df44}.route-option .eyebrow{margin-top:43px}.route-go{font-size:12px;color:#dec5f5}.boss-preview{display:flex;align-items:center;justify-content:center;gap:18px;background:#241c2a;border:1px solid var(--line);border-radius:8px;margin-top:35px;padding:16px}.boss-preview>span{font-size:9px;letter-spacing:1px;color:#bfa1d7}.boss-preview b{font-size:12px}.boss-preview small{font-size:11px}.encounter-card{display:flex;gap:20px;align-items:center;border:1px solid #544061;border-radius:13px;margin:24px 0 18px;padding:15px 25px;background:radial-gradient(ellipse at 10% 0%,#543c6966,transparent 60%),#211a2b}.enemy-portrait{width:135px;flex:none}.enemy-portrait svg{display:block;width:100%}.enemy-info{flex:1}.enemy-info h2{font-size:29px;margin-bottom:10px}.enemy-info .eyebrow{font-size:9px;margin-bottom:8px}.enemy-info p{margin:6px 0 0}.health-track{height:7px;background:#493441;border-radius:6px;overflow:hidden;max-width:400px}.health-track>div{height:100%;background:linear-gradient(90deg,#cb7e9b,#f5b2ae);transition:width .2s}.enemy-numbers{display:flex;gap:18px;font-size:11px;color:#d1bbd9;margin-top:6px}.intention{border-left:1px solid #533e60;min-width:175px;max-width:205px;padding-left:25px}.intention>span{font-size:9px;letter-spacing:1px;color:#bda7c7}.intention b{display:block;color:#eeb3b5;font-size:21px;margin:6px 0}.intention small{display:block;font-size:11px}.combat-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.player-status{display:flex;gap:20px;align-items:center;font-size:12px;flex-wrap:wrap}.energy-count{width:50px;height:57px;border:1px solid #b68bd8;background:#452859;border-radius:12px;font-size:24px;text-align:center;line-height:1.3;padding-top:3px;color:#f0d7ff}.energy-count small{font-size:7px;color:#ddc3eb;display:block;letter-spacing:1px}.hand{display:flex;gap:13px;justify-content:center;align-items:start;overflow-x:auto;padding:0 4px 12px;scrollbar-width:thin;scrollbar-color:#745583 #261d30}.hand-slot{width:185px;flex:0 0 185px}.hand-slot .card{width:100%}.hand-slot .card-rule{min-height:66px}.hand-slot .play-button{width:100%;font-size:11px;border-color:#79578e;border-radius:0 0 8px 8px;margin-top:5px;padding:8px 5px;min-height:35px;background:#452e58}.hand-slot.unaffordable .card{filter:saturate(.55)}.combo-preview{height:23px;display:block;text-align:center;white-space:nowrap;font-size:9px;color:#c8e5bd;font-weight:bold}.borrowed{font-size:9px;text-align:center;display:block}.battle-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b6a3c2;margin-top:9px}.combat-log{font-size:12px}.combat-log p{margin:6px 0}.center-stage{text-align:center;padding:40px 0}.center-stage>p{max-width:720px;margin:0 auto 25px}.center-stage h1{font-size:43px}.draft-grid{display:grid;grid-template-columns:repeat(3,205px);justify-content:center;gap:25px;margin:30px 0}.draft-grid p{font-size:11px;margin:12px 0}.draft-grid .button{width:100%}.event-stage{text-align:center;padding:25px 0 45px;max-width:770px;margin:auto}.event-art{width:175px;margin:0 auto 12px}.event-stage h1{font-size:41px}.event-stage>p{font-family:var(--serif);font-size:21px;line-height:1.5}.event-choices{display:flex;gap:20px;justify-content:center;margin-top:28px}.choice{border:1px solid #674b7c;background:#2a2034;border-radius:10px;padding:22px;text-align:left;flex:1;max-width:330px}.choice:hover{background:#3c2a49}.choice b{display:block;font-size:16px;margin-bottom:7px}.choice span{font-size:12px;color:#c1afcb}.deck-list{max-width:900px;margin:20px auto;text-align:left}.deck-list>div{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.deck-list b{font-size:12px;min-width:145px}.deck-list span{font-size:11px;color:var(--muted);flex:1}.relic-shop{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.big-glyph{font-size:45px;color:#d7c18e}.relic-shop .panel p{min-height:52px;font-size:13px}.result-stage{text-align:center;padding:45px 0}.result-seal{font-size:62px;color:#d9b7f9;text-shadow:0 0 50px #aa76e866}.result-stage h1{font-size:44px}.result-stage>p{max-width:680px;margin:15px auto}.result-stats{display:flex;justify-content:center;gap:60px;margin:30px auto}.result-stats>div{display:flex;flex-direction:column;gap:8px}.result-stats b{font-size:36px;font-family:var(--serif);font-weight:400}.result-stats span{font-size:12px;color:var(--muted)}.result-stage .actions{justify-content:center;margin:26px 0}.chronicle-preview{max-width:650px;margin:auto;text-align:left;border-top:1px solid var(--line);padding-top:22px;font-size:12px}.workshop-top{display:grid;grid-template-columns:1fr 1fr;gap:24px}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.research-grid p{font-size:12px}.family-symbol{font-size:34px;color:var(--family)}.research-grid h3{margin-top:8px}.connections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.connection-entry{display:flex;align-items:start;gap:12px;border:1px solid var(--line);border-radius:8px;padding:18px;background:#1d1825}.connection-entry>span{color:#9f82b7;font-size:24px}.connection-entry h3{font-size:14px;margin-bottom:6px}.connection-entry p{font-size:11px;margin-bottom:5px}.connection-entry small{font-size:10px}.connection-entry.discovered{border-color:#71866e;background:#23302755}.connection-entry.discovered>span{color:#cce3b2}.section-block h2 small{font-family:Arial;font-size:14px;padding-left:12px}.completed-set{background:radial-gradient(ellipse,var(--family),#211b2a 90%);box-shadow:inset 0 0 50px #17121e}.family-tile progress{width:100%;height:4px;border:0;background:#403249;margin-top:7px;accent-color:var(--family)}.family-tile progress::-webkit-progress-bar{background:#403249}.family-tile progress::-webkit-progress-value{background:var(--family)}.exhibits{display:grid;grid-template-columns:1fr 1fr;gap:25px}.shelf{padding:25px;background:linear-gradient(0deg,#60486b 0 7px,#312438 8px 12px,#21192a 13px);border:1px solid var(--line);border-radius:12px}.shelf h3{font-family:var(--serif);font-size:22px}.shelf>div{display:flex;gap:9px;align-items:end}.shelf-card{width:calc(25% - 6px);padding:4px;border-radius:6px}.shelf-card .card-rule,.shelf-card .card-top,.shelf-card .card-bottom{display:none}.shelf-card .card-title{font-size:9px;min-height:25px}.history-row{background:#211b29;border:1px solid var(--line);border-radius:8px;padding:15px 20px;margin:10px 0}.history-row summary{display:flex;justify-content:space-between;gap:20px}.history-row p{font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.settings-grid .panel>p{font-size:13px}.setting-row{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:24px 0}.setting-row b{font-size:14px}.setting-row p{font-size:11px;margin:5px 0 0}.toggle{width:60px;border:1px solid #776086;background:#35253e;border-radius:30px;padding:6px 12px;flex:none;font-size:12px}.toggle.on{background:#b3d8bd;color:#24372c;border-color:#b3d8bd}.save-status{font-size:11px;color:#c1dbb7;margin-bottom:22px}.settings-grid label{margin-top:23px}.skip{position:fixed;top:-100px;left:15px;z-index:200;background:white;color:black;padding:12px}.skip:focus{top:15px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading img{width:220px}.loading p{margin-top:25px}dialog{padding:34px;border:1px solid #77618c;border-radius:15px;background:#231b2b;color:var(--text);width:min(1050px,calc(100% - 32px));max-height:90dvh;box-shadow:0 40px 100px #0009}dialog::backdrop{background:#0c0718c9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:10px;background:#3b2b49;border:1px solid #6b4d81;border-radius:50%;width:30px;height:30px;line-height:1;font-size:22px;z-index:3}.inspect-layout{display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:start;padding-top:10px}.inspection-card{pointer-events:none}.inspection-card .card-rule{font-size:13px;min-height:80px}.inspection-card .card-title{font-size:21px;min-height:42px}.inspection-card .card-top{font-size:9px}.inspect-layout h2{font-size:34px}.inspect-layout>div>p{font-size:13px}.inspect-layout .eyebrow{font-size:9px;letter-spacing:1px}.inspect-layout .flavor{font-family:var(--serif);font-size:19px;line-height:1.5;color:#e2cced}.inspect-layout h3{font-size:14px;margin-top:23px}.edition-buttons{display:flex;gap:7px;flex-wrap:wrap}.edition-buttons button{font-size:10px;padding:7px 9px;border:1px solid #675173;background:#30223c;border-radius:6px}.edition-buttons button.selected{background:#73548a;border-color:#bd98dc}.craft-list{display:flex;flex-wrap:wrap;gap:8px}.craft-list .button{font-size:10px}.guide{max-width:800px;margin:auto;padding:12px}.guide h2{font-size:35px}.guide p{font-size:14px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.guide-grid b{font-size:16px}.guide-grid p{font-size:13px;margin-top:10px}.guide table{width:100%;border-collapse:collapse;font-size:13px;margin:20px 0}.guide th,.guide td{text-align:left;border-bottom:1px solid var(--line);padding:9px}.pack-select{max-width:420px;margin:auto;text-align:center;padding:5px 0 20px}.pack-select img{height:150px;object-fit:contain;margin-bottom:20px}.pack-select h2{font-size:37px}.pack-select p{font-size:13px}.pack-select label{text-align:left;margin:22px 0}.pack-select .button{width:100%;margin-bottom:14px}.pack-reveal{text-align:center;padding:15px 0}.pack-reveal h2{font-size:35px}.pack-reveal p{font-size:13px}.reveal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:30px 0 20px}.card-back{min-height:285px;width:100%;border:3px double #b699d4;border-radius:10px;background:repeating-linear-gradient(45deg,#392446 0 3px,#442a51 3px 4px);padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 8px #291b37}.card-back>span{font-size:27px;font-weight:900;line-height:.9;transform:skew(-5deg);color:#eee3ef}.card-back b{color:#d2b8ed}.card-back i{font-style:normal;font-size:42px;color:#cfb3e7;margin:25px 0}.card-back small{font-size:7px;letter-spacing:1px}.revealed{animation:reveal .38s var(--ease)}.pull-label{font-size:8px;letter-spacing:1px;color:#d6bded;display:block;margin-top:10px}.pack-reveal .actions{justify-content:center}.shelf-picks{display:grid;grid-template-columns:1fr 1fr;margin:20px 0}.shelf-picks label{flex-direction:row;align-items:center;color:#e1d4e9;font-size:13px}.profile-option{display:flex;flex-direction:column;gap:7px;padding:20px;width:100%;text-align:left;background:#30233a;border:1px solid #634674;border-radius:8px;margin:10px 0}.profile-option span{font-size:12px;color:var(--muted)}.recycle-list{max-height:260px;overflow:auto;margin:20px 0}.recycle-list p{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#e8ddf1;color:#35223f;border:1px solid white;border-radius:10px;padding:13px 23px;font-size:13px;box-shadow:0 10px 40px #0008;opacity:0;pointer-events:none;z-index:100;transition:transform .2s,opacity .2s;max-width:calc(100% - 30px);width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes foil{to{transform:translateX(60%)}}@keyframes reveal{from{transform:rotateY(70deg) translateY(12px);opacity:.3}to{transform:none;opacity:1}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -5px}}.fan-1{animation:float 6s ease-in-out infinite}.edition-5:hover .illustration{animation:float 2s ease-in-out infinite}.hidden-tab *{animation-play-state:paused!important}[data-motion="reduced"] *,[data-speed="instant"] *{animation:none!important;transition:none!important}[data-speed="fast"] *{animation-duration:.15s!important;transition-duration:.08s!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){main{max-width:1400px}.topbar{padding-inline:max(4.5%,calc((100vw - 1400px)/2))}.fan-card{width:210px}.card-fan{height:400px}.fan-caption{bottom:-8px}}
@media(max-width:1150px){.topbar{gap:12px;padding-inline:25px}.brand,.brand img{width:170px}.nav-item{padding:10px;font-size:12px}main{padding-inline:30px}.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.fan-card{width:170px}.card-fan{height:350px}.fan-2{left:53%}.orbit{width:310px}.orbit.two{width:350px}.card-rule{font-size:9px}.hero-copy h1{font-size:54px}.pack-panel{padding:23px 18px;gap:10px}.pack-visual{width:130px;scale:.88;transform-origin:left center}.pack-copy h2{font-size:24px}.pack-copy .actions{gap:10px}.family-tile{padding:13px}.connection-icons{opacity:.35}.side-panel h3{max-width:none}.setup-layout{gap:30px}.reveal-grid{grid-template-columns:repeat(5,1fr);gap:8px}.card-back{min-height:260px}}
@media(max-width:900px){.topbar{height:auto;min-height:115px;flex-wrap:wrap;padding:8px 25px 0;gap:8px 15px}.brand{margin-right:auto}.brand img{height:60px}.topbar nav{width:100%;order:5;justify-content:center;border-top:1px solid var(--line);padding:7px 0;margin:0}.nav-item{flex:1}.desk-hero{min-height:430px}.hero-copy h1{font-size:46px}.hero-copy p{font-size:12px}.hero-stats{gap:15px}.hero-stats span{font-size:8px}.card-fan{height:330px}.fan-card{width:150px;top:40px}.fan-1{top:20px;left:24%}.fan-2{left:49%;top:66px}.fan-0{left:0}.fan-card .card-rule{font-size:8px;min-height:54px}.fan-card .card-title{font-size:11px}.orbit{width:280px;left:0}.orbit.two{width:290px;left:0}.fan-caption{bottom:3px;font-size:7px;left:0}.star-one{right:0}.desk-grid{grid-template-columns:1fr}.side-panel{display:none}.family-grid{grid-template-columns:repeat(3,1fr)}.family-tile{min-height:115px}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}.filters{flex-wrap:wrap}.search-label{flex-basis:100%}.filters select{flex:1}.connections-grid{grid-template-columns:repeat(2,1fr)}.research-grid{grid-template-columns:repeat(2,1fr)}.run-top{flex-direction:column;align-items:start;gap:15px}.run-counters{width:100%}.enemy-portrait{width:95px}.encounter-card{padding:15px;gap:15px}.enemy-info h2{font-size:23px}.intention{min-width:135px;padding-left:15px}.intention b{font-size:17px}.boss-preview{flex-wrap:wrap;gap:8px 20px}.setup-layout{grid-template-columns:1.2fr .8fr;gap:20px}.focus-grid{grid-template-columns:1fr 1fr}.signature-card{width:210px}.signature-card .card-art{height:175px}.setup-controls{padding:22px}.setup-feature .notice{font-size:12px}.hand{justify-content:flex-start}.card-bottom{font-size:5px}.reveal-grid{grid-template-columns:repeat(3,1fr)}.card-back{min-height:310px}.reveal-grid .card-rule{font-size:12px;min-height:70px}.reveal-grid .card-title{font-size:16px}.settings-grid{gap:18px}.settings-grid .panel{padding:22px}}
@media(max-width:620px){body{font-size:14px}.topbar{padding:7px 16px 0}.brand,.brand img{width:180px}.brand img{height:65px}.wallet strong{font-size:15px}.wallet{gap:6px}.wallet>span:last-child{display:none}.topbar nav{overflow-x:auto;justify-content:flex-start;gap:2px}.nav-item{font-size:10px;padding:10px 8px;flex:1}.icon-button{width:32px;height:32px;font-size:19px}main{padding:0 18px 35px}.desk-hero{grid-template-columns:1fr;padding:29px 0 20px;gap:0;min-height:0}.hero-copy h1{font-size:47px;letter-spacing:-1.5px;margin-bottom:18px}.hero-copy p{font-size:12px;line-height:1.75}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:17px}.hero-copy .actions{gap:13px}.button{font-size:12px;padding:11px 16px}.hero-stats{margin-top:22px;gap:30px}.hero-stats b{font-size:23px}.hero-stats span{font-size:9px}.card-fan{height:330px;margin:20px auto 0;width:100%;max-width:390px}.fan-card{width:158px}.fan-0{left:2%;top:51px}.fan-1{left:28%;top:21px}.fan-2{left:54%;top:47px}.fan-caption{bottom:0}.orbit{left:10%;width:290px;height:220px}.orbit.two{width:300px;left:8%}.star-one{right:6px;top:0}.star-two{bottom:55px;left:2px}.welcome-strip{padding:15px;gap:10px;flex-wrap:wrap;margin-top:13px}.welcome-strip>div{flex-basis:80%}.welcome-strip b{font-size:12px}.welcome-strip span:not(.welcome-mark){font-size:11px}.welcome-strip .button{margin-left:0;font-size:11px;min-height:30px}.welcome-strip .welcome-mark{font-size:24px}.pack-panel{padding:22px 12px;gap:3px;min-height:245px}.pack-visual{width:109px;scale:.75;transform-origin:left center;margin-right:-9px}.pack-copy h2{font-size:24px}.pack-copy .eyebrow{font-size:8px;letter-spacing:1px}.pack-copy p{font-size:11px}.pack-copy .actions{gap:5px 14px}.pack-copy .button{font-size:11px;padding:9px 11px}.pack-copy .text-button{padding:6px 0;min-height:28px}.section-heading{gap:10px}.section-heading h2{font-size:25px}.section-heading .text-button{font-size:10px;white-space:nowrap}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.family-grid{gap:8px}.family-tile{padding:14px 10px;min-height:119px}.family-tile b{font-size:11px}.family-tile small{font-size:9px}.page-heading{padding:31px 0 18px}.page-heading h1{font-size:39px;letter-spacing:-1.1px}.page-heading p{font-size:12px}.page-heading .eyebrow{font-size:9px}.filters{gap:7px}.filters select{font-size:10px;padding:11px 5px;flex:1;min-width:0}.search-label input{font-size:12px}.results-line{font-size:10px;flex-direction:column;gap:4px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.card{padding:8px;border-radius:10px}.card-top{font-size:7px}.card-title{font-size:13px;min-height:31px}.card-rule{font-size:10px;min-height:64px}.card-art{aspect-ratio:1.2}.card-bottom{font-size:5px}.ownership{font-size:10px}.setup-layout{grid-template-columns:1fr;gap:20px}.setup-controls{order:2;padding:22px 18px}.setup-feature{order:1;display:none}.focus-grid{grid-template-columns:repeat(3,1fr);gap:7px}.focus-option{padding:10px 5px;gap:4px}.focus-option b{font-size:9px}.focus-option>span{font-size:20px}.setup-controls h3{font-size:17px}.run-counters{gap:10px;font-size:11px}.run-counters .button{font-size:10px;padding:7px 10px}.run-top h2{font-size:24px}.center-heading h1{font-size:32px;letter-spacing:-.5px}.center-heading p{font-size:12px}.route-map{margin:22px auto}.route-step>span{font-size:18px;width:29px;height:29px;line-height:29px}.route-step:before{top:14px}.route-options{gap:12px;margin-top:25px}.route-option{padding:18px 14px;min-height:265px;width:50%}.route-option:only-child{width:100%;max-width:320px}.route-option h2{font-size:24px}.route-option p{font-size:11px}.route-option .eyebrow{font-size:8px}.route-symbol{right:15px;font-size:57px}.route-go{font-size:10px}.boss-preview{padding:15px;text-align:center;flex-direction:column}.encounter-card{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:15px 12px;margin:18px 0 14px}.enemy-portrait{width:65px}.enemy-info h2{font-size:22px}.enemy-info .eyebrow{font-size:8px;letter-spacing:1px}.enemy-info p{font-size:10px}.enemy-numbers{gap:12px;font-size:10px}.intention{grid-column:1/-1;display:flex;align-items:center;gap:12px;border-left:0;border-top:1px solid #4c3a57;padding:9px 0 0;max-width:none;min-width:0}.intention>span{font-size:8px;letter-spacing:.7px;max-width:55px}.intention b{font-size:16px;white-space:nowrap;margin:0}.intention small{font-size:9px}.combat-toolbar{align-items:start;flex-wrap:wrap;gap:9px}.player-status{gap:15px;font-size:11px;flex:1}.energy-count{width:41px;height:49px;font-size:22px}.energy-count small{font-size:6px}.combat-toolbar .actions{gap:7px;flex-direction:column-reverse;align-items:end}.combat-toolbar .button{font-size:11px;padding:9px 12px;min-height:33px}.combat-toolbar .small{font-size:9px;padding:3px 6px;min-height:23px}.hand{gap:12px;margin-inline:-2px;scroll-snap-type:x proximity;padding-bottom:15px}.hand-slot{flex-basis:158px;width:158px;scroll-snap-align:start}.hand-slot .card-title{font-size:12px}.hand-slot .card-rule{font-size:10px;min-height:70px}.hand-slot .cost{width:21px;height:21px;font-size:12px}.combo-preview{font-size:8px;letter-spacing:0}.battle-bottom{flex-direction:column;gap:5px;font-size:9px}.combat-log summary{font-size:11px}.center-stage h1{font-size:34px}.center-stage p{font-size:12px}.draft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.draft-grid .card{padding:5px}.draft-grid .card-title{font-size:11px;min-height:34px}.draft-grid .card-top>span:nth-child(2){display:none}.draft-grid .card-rule{font-size:9px;min-height:90px}.draft-grid .card-bottom{display:none}.draft-grid .button{font-size:10px;padding:8px 4px}.draft-grid p{font-size:9px}.draft-grid .cost{width:20px;height:20px;font-size:10px}.event-stage h1{font-size:34px}.event-stage>p{font-size:19px}.event-choices{gap:10px}.choice{padding:17px 12px}.choice b{font-size:14px}.choice span{font-size:11px}.deck-list>div{flex-wrap:wrap;gap:10px}.deck-list span{flex-basis:100%;order:3}.deck-list .small{padding:5px 9px;min-height:28px;font-size:10px}.relic-shop{grid-template-columns:1fr;gap:12px}.relic-shop .panel{padding:20px}.relic-shop .panel p{min-height:0}.result-stage h1{font-size:35px}.result-stats{gap:25px}.result-stats span{font-size:10px}.result-stage p{font-size:12px}.workshop-top,.settings-grid{grid-template-columns:1fr;gap:16px}.workshop-top .panel,.research-grid .panel{padding:20px}.research-grid{gap:12px}.research-grid h3{font-size:16px}.research-grid .button{font-size:10px;padding:9px 8px}.research-grid p{font-size:11px}.connections-grid{grid-template-columns:1fr}.connection-entry{padding:16px}.exhibits{grid-template-columns:1fr}.history-row summary{font-size:11px;gap:10px}.history-row{padding:13px}.section-heading>.muted{font-size:10px;max-width:145px}.notice{font-size:12px}.guide h2{font-size:30px}.guide p{font-size:12px}.guide-grid{grid-template-columns:1fr;gap:10px}.guide-grid p{margin-bottom:10px}.guide{padding:5px}.guide table{font-size:11px}.guide td,.guide th{padding:8px 4px}dialog{padding:31px 17px 23px;width:calc(100% - 20px)}.inspect-layout{grid-template-columns:1fr;gap:20px;padding-top:5px}.inspection-card{width:220px;margin:auto}.inspection-card .card-rule{font-size:12px;min-height:65px}.inspection-card .card-title{font-size:19px}.inspection-card .card-art{height:170px;aspect-ratio:auto}.inspect-layout h2{font-size:30px}.inspect-layout>div>.eyebrow{display:none}.inspect-layout h3{margin-top:17px}.inspect-layout .flavor{font-size:18px}.reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.card-back{min-height:265px}.reveal-grid .card-rule{font-size:10px;min-height:65px}.reveal-grid .card-title{font-size:13px}.reveal-grid .card-top{font-size:7px}.pack-reveal h2{font-size:29px}.pack-reveal p{font-size:12px}.reveal-grid>div:last-child,.reveal-grid>button:last-child{grid-column:auto}.pack-select h2{font-size:30px}.pack-select img{height:130px}.pack-select .eyebrow{font-size:9px}footer{padding:18px;flex-direction:column;gap:8px;font-size:9px;text-align:center}.shelf-picks{grid-template-columns:1fr}.profile-option{padding:16px}.profile-option span{font-size:11px}}
@media(max-width:360px){.brand,.brand img{width:145px}.hero-copy h1{font-size:41px}.hero-copy .button{font-size:11px;padding:10px 13px}.fan-card{width:143px}.card-fan{height:315px}.hero-stats{gap:22px}.pack-visual{display:none}.pack-panel{padding:24px}.nav-item{font-size:9px;padding:9px 5px}.card-top{font-size:6px}.card-rule{font-size:9px}}
/* Strange Welcome */
.welcome-studio{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:22px;padding:30px;border:1px solid #b8a5ec66;border-radius:24px;background:#261638;min-height:310px}.welcome-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.7}.welcome-studio:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#20112fed,#20112fb0 60%,#21102b22)}.welcome-copy{align-self:center}.welcome-copy h1{font-family:'Trebuchet MS',sans-serif;font-size:clamp(32px,3.7vw,49px);line-height:1.1;letter-spacing:-1.3px;margin:12px 0}.welcome-copy em{font-style:normal;color:#e5d6ff}.welcome-copy p{max-width:480px;line-height:1.65;color:#eee3f5}.welcome-copy small{display:block;line-height:1.6;color:#d5c7e6;margin-top:15px}.welcome-host{background:none;border:0;color:#fff;align-self:end;display:grid;justify-items:center;cursor:pointer;z-index:1}.welcome-host img{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 10px 12px #10051f80)}.welcome-host span{background:#21132ed9;border:1px solid #ceb9e8;border-radius:12px;padding:10px;font-size:12px}.returning-collector{min-height:220px;padding:24px}.returning-collector .welcome-copy h1{font-size:32px}.returning-collector .welcome-host img{width:140px;height:140px}.mystery-shelf{background:linear-gradient(140deg,#352345,#22162d);border:1px solid #5c456e;border-radius:18px;padding:20px;margin:20px 0}.mystery-shelf h2{font-size:20px;line-height:1.4;margin:8px 0}.welcome-cards{display:flex;align-items:start;justify-content:center;gap:18px;flex-wrap:wrap;margin:18px 0}.welcome-cards .shelf-card{width:160px;max-width:29%;transform:rotate(-3deg)}.welcome-cards .shelf-card:nth-child(2){transform:rotate(2deg)}.welcome-cards .shelf-card:nth-child(3){transform:rotate(5deg)}.welcome-cards .card-rule{font-size:10px;min-height:52px}.welcome-cards .card-title{font-size:13px}.welcome-cards .card-joke{display:none}.sample-counter,.expedition-window,.next-step{display:flex;align-items:center;gap:18px;padding:16px;background:#241831;border:1px solid #625078;border-radius:16px}.sample-counter small{display:block;margin:7px 0;line-height:1.5;color:#cbbdda}.sample-counter .button{margin-left:auto}.expedition-window{margin:20px 0}.expedition-window img{width:120px;height:120px;border-radius:14px;object-fit:cover}.expedition-window h2{font-size:21px;margin:0 0 8px}.expedition-window p,.next-step p{font-size:13px;color:#d3c5e0;line-height:1.6}.next-step{margin:18px 0}.next-step>div{flex:1}.desk-keepsakes{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:11px;color:#d5c6e6}.desk-keepsakes>span{border:1px solid #6b517e;border-radius:9px;padding:9px}.context-hint{display:flex;gap:12px;align-items:center;border:1px solid #8d739e;background:#322141;padding:12px 16px;border-radius:13px;margin-bottom:20px}.context-hint p{flex:1;font-size:12px;line-height:1.6;margin:0}.context-hint .button{flex-shrink:0}.tutorial-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}.tutorial-header h1{font-size:28px;line-height:1.25;margin:0;flex:1;min-width:180px}.tutorial-header .eyebrow{width:100%}.tutorial-header progress{width:140px}.tutorial-intro{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;background:#2c1c3c;padding:24px;border:1px solid #76608b;border-radius:18px}.tutorial-intro>img{width:200px;height:200px;object-fit:contain}.tutorial-intro h2,.tutorial-finale h2,.tutorial-checkpoint h2{font-size:26px;line-height:1.3}.tutorial-intro p,.tutorial-finale p,.tutorial-checkpoint p{line-height:1.7;max-width:600px}.tutorial-tip{display:flex;gap:15px;border:1px solid #a78bb8;background:#e8dff1;color:#2c1c3d;border-radius:15px;padding:16px;margin-bottom:20px}.tutorial-tip img{object-fit:contain;flex-shrink:0}.tutorial-tip p{font-size:13px;line-height:1.65;margin:7px 0}.tutorial-checkpoint,.tutorial-finale{padding:25px;border:1px solid #8e709e;border-radius:18px;background:#2f203f}.tutorial-finale>img{float:right;object-fit:contain}.preview-reveal .reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-front .card{width:100%}.preview-slot .card-back{width:100%;aspect-ratio:.65}.preview-slot{min-width:0}.preview-front p{text-align:center}.button:focus-visible,.welcome-host:focus-visible{outline:3px solid #e1ecff;outline-offset:4px}.tutorial-header+.pack-reveal .card-back{width:100%;aspect-ratio:.65}
@media(max-width:650px){.welcome-studio{grid-template-columns:1fr;padding:23px 20px;gap:15px}.welcome-copy{width:100%}.welcome-copy h1{font-size:34px;letter-spacing:-.8px}.welcome-copy p{font-size:14px;max-width:none}.welcome-host{justify-self:center;display:flex;gap:10px;align-items:center}.welcome-host img{width:110px;height:110px}.welcome-backdrop{object-position:75% center;opacity:.45}.welcome-studio:after{background:#21112fa3}.returning-collector .welcome-host img{width:85px;height:85px}.welcome-cards{gap:9px}.welcome-cards .shelf-card{width:145px;max-width:45%}.welcome-cards .shelf-card:nth-child(3){display:none}.mystery-shelf{padding:16px}.mystery-shelf .section-heading{align-items:start;gap:10px}.sample-counter{flex-wrap:wrap;gap:10px}.sample-counter>div{flex:1;min-width:150px}.sample-counter .button{margin-left:0;width:100%}.expedition-window{align-items:start;padding:14px;gap:12px}.expedition-window img{width:74px;height:90px}.expedition-window h2{font-size:19px}.expedition-window .button{margin-bottom:8px}.next-step{flex-wrap:wrap}.next-step>div{flex-basis:100%}.context-hint{flex-wrap:wrap;gap:10px}.context-hint p{flex-basis:100%}.tutorial-header h1{font-size:24px;flex-basis:100%}.tutorial-header progress{flex:1}.tutorial-intro{grid-template-columns:1fr;padding:20px}.tutorial-intro>img{width:140px;height:140px;justify-self:center}.tutorial-tip{padding:12px;gap:9px}.tutorial-tip img{width:54px;height:54px}.preview-reveal .reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-finale>img{float:none;width:110px;height:110px}.welcome-copy .actions .button{flex:1;min-width:145px}.welcome-copy h1 br{display:none}.welcome-copy h1 em:before{content:' '}}
@media(prefers-reduced-motion:reduce){.welcome-cards .shelf-card{transform:none}}
html[data-motion=reduced] .welcome-cards .shelf-card{transform:none}
.welcome-studio .welcome-backdrop{transform:translate(var(--world-x,0),var(--world-y,0)) scale(1.015)}
@media(prefers-reduced-motion:reduce){.welcome-studio .welcome-backdrop{transform:none}}
html[data-motion=reduced] .welcome-studio .welcome-backdrop{transform:none}