:root{color-scheme:light;--paper:#faf6eb;--cream:#f2ecd9;--ink:#304b3b;--muted:#7a806d;--sage:#63896d;--sage-dark:#3d6850;--sage-light:#e6ecd9;--coral:#d8876e;--coral-dark:#b76652;--gold:#d9b76b;--line:#dfdfcd;--white:#fffcf4;--shadow:0 14px 42px #3e4c3320;--radius:18px;font-family:"Avenir Next","Trebuchet MS",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c48c55}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}input,select,textarea{width:100%;min-width:0;border:1px solid #d9dcc9;border-radius:11px;padding:11px 13px;background:var(--white);color:var(--ink);box-shadow:0 2px 0 #485a2f04}input::placeholder,textarea::placeholder{color:#989d8c}input:focus,select:focus,textarea:focus{border-color:var(--sage)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--sage-dark);flex:0 0 auto}input[type=number]{font-variant-numeric:tabular-nums}select{padding-right:28px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}h3{font-size:19px;font-weight:700;letter-spacing:-.025em}h4{font-size:15px}p{color:var(--muted);margin-bottom:16px}small{font-size:12px}strong{font-weight:700}img{display:block;max-width:100%}svg{flex-shrink:0}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle}button .icon{pointer-events:none}button span{pointer-events:none}[hidden]{display:none!important}button[role=tab] span{pointer-events:none}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:var(--paper);padding:12px;border-radius:8px}.skip-link:focus{top:12px}.noscript{padding:32px}.screen{min-height:100dvh}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;max-width:100%;padding:10px 17px;border:1px solid #ccd3bd;border-radius:11px;background:#f9f7ed;color:var(--sage-dark);font-size:13px;font-weight:700;line-height:1.35;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;text-wrap:balance}.button:hover:not(:disabled){background:#eef1e3;transform:translateY(-1px);box-shadow:0 4px 10px #4353350d}.button.coral{background:var(--coral);color:#fffaf0;border-color:var(--coral);box-shadow:0 3px 0 #a65e4128}.button.coral:hover:not(:disabled){background:#cb7a62;border-color:#cb7a62}.button.small{font-size:12px;min-height:35px;padding:7px 11px;border-radius:9px}.button.small .icon{width:16px;height:16px}.button.quiet{background:transparent;border-color:transparent;box-shadow:none}.button.full{width:100%}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fffaf0c9;flex-shrink:0}.icon-button:hover{background:var(--sage-light)}.text-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:var(--sage-dark);font-size:13px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#869075}.eyebrow .icon{width:14px;height:14px}.subtle-label{font-size:12px;color:var(--muted)}.fine-print{font-size:11px;line-height:1.6;color:#858b78;margin:10px 0}.status-tag{display:inline-flex;gap:6px;align-items:center;border-radius:7px;background:#ecefdc;padding:5px 9px;font-size:10px;font-weight:700;color:var(--sage-dark)}.status-tag .icon{width:13px;height:13px}.status-tag.ready,.status-tag.online{background:#dce8d5;color:#50724f}.coin-value{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.coin-value .icon{color:#ba934c;width:17px;height:17px}.spinner{display:inline-block;flex-shrink:0;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#85a475;box-shadow:0 0 0 4px #85a47514}.inline-error{padding:12px;border-radius:10px;background:#f7e5d9;color:#a05f4d;font-size:13px;margin-top:14px}.inline-error .button{margin-left:8px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:auto;padding:25px 38px}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-family:Georgia,serif;font-size:26px;font-weight:700;line-height:.98;letter-spacing:-.055em}.brand>span:last-child{display:flex;flex-direction:column}.brand-bottom{display:inline-block}.brand-dot{color:var(--coral)}.brand-flower{width:47px;height:47px;display:grid;place-items:center;border-radius:17px;background:#e5e9d3;color:var(--sage)}.brand-flower .icon{width:31px;height:31px;stroke-width:1.6}.site-header-right{display:flex;gap:21px;align-items:center}.identity-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;background:var(--sage-light);padding:7px 11px;border-radius:9px}.identity-pill .icon{width:15px;height:15px}.landing-wrap{max-width:1320px;margin:auto;padding:0 38px}.hero{display:grid;grid-template-columns:.95fr 1.1fr;gap:42px;align-items:center;padding:29px 0 32px}.hero-copy{padding:10px 0 20px}.hero-copy h1{font-size:clamp(54px,5.5vw,81px);line-height:1.03;letter-spacing:-.055em;margin:22px 0}.hero-copy h1 em{font-weight:400;color:#839779;font-style:italic}.hero-copy>p{font-size:16px;max-width:390px;line-height:1.75;margin-bottom:28px}.hero-art{position:relative;align-self:stretch;min-height:530px}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:49% 50%;border-radius:130px 130px 26px 26px;background:#b9c39d}.hero-art::after{content:"";position:absolute;inset:0;border:1px solid #6e7b3f1c;border-radius:130px 130px 26px 26px;pointer-events:none}.hero-art-label{position:absolute;bottom:25px;left:25px;right:25px;display:flex;gap:13px;align-items:center;background:#fff9e9ed;backdrop-filter:blur(8px);border:1px solid #ffffff80;border-radius:13px;padding:16px 18px;box-shadow:0 10px 30px #4c5b3320}.hero-art-label strong{display:block;font-size:15px;letter-spacing:-.02em}.hero-art-label span:not(.small-flower){color:var(--muted);font-size:12px}.small-flower{font-size:38px;color:var(--sage);line-height:1}.hero-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:-17px;top:37px;border-radius:50%;width:102px;height:102px;background:#e3b47a;color:#785c3f;border:5px solid var(--paper);box-shadow:0 0 0 1px #dbc69b;transform:rotate(12deg);font-size:12px;line-height:1.4}.hero-stamp strong{font-family:Georgia,serif;font-size:16px;font-weight:600}.hero-stamp>span{font-size:19px}.start-form{max-width:440px}.start-form label{font-size:11px;display:block;margin:0 0 7px;font-weight:700;color:#6d7e65}.start-fields{display:flex;gap:8px}.start-fields input{max-width:187px;background:#fffdf6;font-size:14px;min-height:47px}.start-fields .button{min-width:196px;font-size:12px}.hero-footnote{display:flex;align-items:center;gap:7px;font-size:10px;color:#92967e;margin-top:13px}.hero-footnote .icon{width:14px;height:14px}.hero-link{margin-top:29px;font-size:12px}.feature-strip{display:flex;justify-content:space-between;gap:16px;border-block:1px solid var(--line);padding:22px 18px;margin-top:13px}.feature-strip>span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#6d8065}.feature-strip .icon{color:#9ca882}.meet-section{padding:57px 0 38px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:38px;margin:9px 0 12px}.section-heading p{max-width:650px;font-size:14px;line-height:1.7;margin-bottom:0}.class-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.class-preview{display:flex;position:relative;align-items:center;gap:10px;background:#f3f0e2;border:1px solid #e1e2d2;border-radius:14px;padding:8px 9px 8px 5px;text-align:left;min-width:0;overflow:hidden;transition:transform .2s,background .2s}.class-preview:hover{transform:translateY(-3px);background:#ebefdf}.class-preview .merchant-portrait{width:71px;flex-shrink:0}.class-preview-copy{display:flex;flex-direction:column;min-width:0}.class-preview-copy strong{font-size:13px}.class-preview-copy>span{font-size:10px;color:var(--muted);line-height:1.4;margin-top:5px}.class-preview>.icon{width:13px;height:13px;margin-left:auto;align-self:flex-end;margin-bottom:6px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:30px 0 32px;border-top:1px solid var(--line);font-size:10px;color:#939980}.site-footer .text-link{font-size:10px}.site-footer .icon{width:14px;height:14px}
.item-art{display:inline-block;width:64px;height:64px;position:relative;flex-shrink:0;background:#f4efdF;border-radius:13px;overflow:hidden}.item-sprite,.portrait-sprite,.collection-sprite{position:absolute;inset:0;background-repeat:no-repeat}.item-sprite{background-image:url('/.proxy/art/items-atlas.webp');background-size:800% 800%}.art-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#a4ad89}.art-fallback .icon{width:43%;height:43%}.merchant-portrait{position:relative;display:inline-block;width:100px;aspect-ratio:3/4;flex-shrink:0;overflow:hidden;border-radius:20px;background:#e9e8d9}.portrait-sprite{background-image:url('/.proxy/art/merchant-portraits.webp');background-size:400% 200%}.collection-art{position:relative;display:block;width:100%;aspect-ratio:9/8;overflow:hidden;background:#e4e7d8;border-radius:15px}.collection-sprite{background-image:url('/.proxy/art/collections-atlas.webp');background-size:400% 300%}.page-wrap{max-width:1280px;margin:auto;padding:20px 38px 60px}.class-page>.text-link{margin-bottom:24px}.class-choice-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px;align-items:start}.class-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.class-choice{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:13px 8px 17px;border:1px solid #dbdfcb;background:#f4f1e5;border-radius:15px;min-width:0;transition:transform .15s,background .15s}.class-choice:hover{background:#eef0de;transform:translateY(-2px)}.class-choice.selected{background:#edf1dd;border-color:#859d6c;box-shadow:inset 0 0 0 1px #91a679}.class-choice .merchant-portrait{width:calc(100% - 8px);max-width:130px;margin-bottom:7px;aspect-ratio:3/4;border-radius:11px}.class-choice-name{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700;margin:3px 0 5px}.class-choice-name .icon{width:13px;height:13px}.class-choice>span:last-of-type:not(.selected-tick){font-size:10px;color:var(--muted);line-height:1.4;max-width:120px}.selected-tick{position:absolute;right:9px;top:9px;width:23px;height:23px;border-radius:50%;background:var(--sage-dark);color:var(--paper);display:grid;place-items:center}.selected-tick .icon{width:14px;height:14px}.chosen-class{background:#efeedf;border:1px solid #dedfca;border-radius:18px;padding:24px;position:sticky;top:18px}.chosen-class-top{display:flex;align-items:center;justify-content:space-between}.chosen-class-top>.icon{color:#829a70;width:26px;height:26px}.chosen-class h2{font-size:35px;margin:15px 0 13px}.chosen-class>p{font-size:12px;line-height:1.7}.class-starter-items{display:flex;gap:9px;justify-content:space-between;margin:19px 0}.class-starter-items>div{flex:1;min-width:0;text-align:center}.class-starter-items .item-art{width:59px;height:59px;border-radius:12px}.class-starter-items div>span:not(.item-art){display:block;font-size:9px;line-height:1.35;color:#778068;max-width:80px;margin:4px auto 0}.specialty-preview{padding:15px 0 19px;border-top:1px solid #d8debe}.specialty-preview>div{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700;margin-top:9px}.specialty-preview .or-label{font-size:10px;color:#9ba18a;font-weight:400}.chosen-class form{display:grid;gap:9px}.chosen-class label{font-size:11px;font-weight:700;color:#778568}.chosen-class .button{margin-top:6px}.chosen-class .fine-print{font-size:10px;line-height:1.6;margin:13px 0 0}.lobby-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:15px}.lobby-wallet{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.lobby-wallet .coin-value{font-size:27px}.lobby-wallet>span:last-child{font-size:10px;color:var(--muted)}.lobby-layout{display:grid;grid-template-columns:282px minmax(0,1fr);gap:30px}.lobby-shop{border:1px solid var(--line);border-radius:18px;background:#efefdf;overflow:hidden;padding:0 23px 23px;align-self:start}.lobby-shop-cover{height:172px;position:relative;display:flex;justify-content:center;margin:0 -23px 24px;background:#dfe6cf;overflow:hidden}.lobby-shop-cover .merchant-portrait{width:128px;border-radius:0;margin-top:8px;background:transparent}.lobby-shop-cover>.icon{position:absolute;right:27px;bottom:30px;width:35px;height:35px;color:#a1b187;transform:rotate(20deg)}.lobby-shop h2{font-size:28px;margin:9px 0}.lobby-shop>p{font-size:12px;margin-bottom:17px}.lobby-shop>small{color:#8d967c;font-size:10px;display:block;margin-top:7px}.lobby-shop-actions{display:grid;gap:9px;margin-top:24px}.lobby-note{display:flex;gap:8px;align-items:start;margin-top:23px;padding-top:18px;border-top:1px solid #d6ddc1}.lobby-note .icon{width:17px;height:17px;color:#9aab7c}.lobby-note p{font-size:11px;margin:0;line-height:1.6}.xp-bar{height:8px;border-radius:5px;background:#dce3c9;overflow:hidden}.xp-bar>span{height:100%;display:block;background:#91a974;border-radius:5px;transition:width .3s}.lobby-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.entry-card{padding:23px;border:1px solid #dddfca;border-radius:16px;background:#f2efdf}.entry-card.feature-entry{background:#e9edd9;border-color:#d4ddbd}.entry-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e0e6c9;color:#6d8e64;margin-bottom:15px}.entry-icon .icon{width:23px;height:23px}.entry-card h3{font-size:20px;margin-bottom:9px}.entry-card p{font-size:12px;margin-bottom:19px}.entry-card .button{min-width:135px}.join-code-form{display:flex;align-items:center;gap:11px;background:#f3f0e5;border:1px solid var(--line);border-radius:13px;padding:14px 17px;margin:19px 0 28px}.join-code-form label{font-size:12px;font-weight:700;margin-right:auto}.join-code-form input{max-width:180px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;font-size:12px;padding:9px 11px}.join-code-form .button{min-height:35px;padding:7px 12px;font-size:12px}.room-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.room-heading h3{margin:0;font-size:19px}.room-heading h3 span{color:#9ba58a;margin-left:8px;font-size:14px}.room-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 0}.room-row>div{flex:1;min-width:0}.room-row strong{font-size:13px;display:block}.room-row div>span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.room-mark{display:grid;place-items:center;width:44px;height:44px;background:#e6ebd4;border-radius:13px;color:#84a277}.room-mark.midnight{background:#e6e2ec;color:#9f8eaa}.room-mark.flip{background:#f0e1c4;color:#b89957}.room-mark .icon{width:24px;height:24px}.room-list .empty-state{padding:25px}.loading-row{padding:25px;display:flex;gap:10px;align-items:center;color:var(--muted)}
.boot-screen,.connecting-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center}.boot-screen{flex-direction:column;text-align:center}.boot-flower{font-size:72px;color:#97ad80;animation:spin 22s linear infinite}.boot-screen h1{font-size:52px;letter-spacing:-.04em;margin:15px 0 10px}.boot-screen p{font-size:13px}.connecting-screen{gap:55px;padding:35px}.connecting-art{width:min(47vw,540px);aspect-ratio:1;border-radius:110px 110px 20px 20px;overflow:hidden}.connecting-art img{width:100%;height:100%;object-fit:cover}.connecting-screen h1{font-size:58px;line-height:1.05;margin:18px 0 20px}.connecting-screen p{display:flex;gap:9px;align-items:center}.connecting-screen .button{margin-top:15px}.in-market{overflow:hidden;overscroll-behavior:none}.game{position:fixed;inset:0;isolation:isolate;background:#adc694;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;cursor:default}.hud-top{position:absolute;top:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none;z-index:3}.hud-top>*{pointer-events:auto}.game-brand{display:flex;align-items:center;gap:10px;background:#fff8e7ed;padding:10px 17px 10px 11px;border:1px solid #fef9e8;border-radius:15px;box-shadow:0 5px 20px #4e664017;backdrop-filter:blur(8px)}.game-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e3e8d0;color:#779369}.game-brand-mark>.icon{width:26px;height:26px}.game-brand strong{font-family:Georgia,serif;font-size:21px;line-height:1;letter-spacing:-.055em}.game-brand strong>span{color:var(--coral)}.market-location{display:flex;align-items:center;gap:4px;padding:0;border:0;background:none;font-size:9px;color:#859074;margin-top:4px}.market-location .icon{width:11px;height:11px}.market-location #event-countdown{color:#a27e4f;margin-left:4px;font-variant-numeric:tabular-nums}.market-presence{background:#fff8e2de;border:1px solid #f4f0d5;border-radius:13px;padding:8px 18px;text-align:center;box-shadow:0 4px 18px #5366450d}.market-presence>span{font-size:10px;color:#78866b;display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-presence strong{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px}.market-presence .icon{width:13px;height:13px}.market-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.1em;margin-left:9px;color:#a5895a}.player-hud{display:flex;gap:8px;align-items:center}.hud-wallet,.hud-level{display:flex;align-items:center;border:1px solid #fff9e7;background:#fff8e7ef;border-radius:13px;min-height:52px;padding:9px 13px;box-shadow:0 5px 20px #4e664017}.hud-wallet{gap:6px;color:#755f3e}.hud-wallet>.icon{width:23px;height:23px;color:#c2a05d}.hud-wallet strong{font-size:21px;line-height:1;font-variant-numeric:tabular-nums}.hud-wallet small{font-size:8px}.hud-level{gap:9px;min-width:120px;text-align:left}.hud-level>span{color:#78916b;background:#e8ebd7;border-radius:9px;width:29px;height:29px;display:grid;place-items:center}.hud-level>span .icon{width:18px;height:18px}.hud-level strong{font-size:11px}.hud-level i{display:block;margin-top:5px;width:61px;height:4px;background:#dfe5c9;border-radius:2px;overflow:hidden}.hud-level b{display:block;height:100%;background:#92a778}.hud-menu{background:#fff8e7ed;width:42px;height:42px}.quest-track{position:absolute;top:101px;left:20px;width:240px;z-index:2}.quest-track-button{width:100%;text-align:left;display:flex;flex-direction:column;gap:6px;background:#fff8e6e8;border:1px solid #faf6dfc9;border-radius:13px;padding:14px 16px;box-shadow:0 4px 18px #4b5e3910;backdrop-filter:blur(7px)}.quest-track-button>.eyebrow{font-size:8px;letter-spacing:.1em}.quest-track-button strong{font-size:13px;line-height:1.35;max-width:210px}.quest-track-detail{font-size:10px;color:#7d8a6d;line-height:1.5}.quest-track-progress{display:block;width:100%;height:3px;background:#dfe3c5;overflow:hidden;border-radius:2px;margin-top:4px}.quest-track-progress i{display:block;background:#b9aa6e;height:100%}.minimap-card{position:absolute;bottom:24px;left:20px;border:1px solid #f5f1dbe6;border-radius:13px;background:#fff8e7e6;padding:7px 7px 6px;box-shadow:0 5px 20px #4e664017;z-index:2;width:190px}.minimap-card canvas{display:block;width:176px;height:114px;border-radius:8px}.minimap-card>span{display:flex;justify-content:space-between;align-items:center;margin:7px 3px 0;font-size:9px;font-weight:700;color:#7d896e}.minimap-card kbd{padding:1px 4px;font-size:8px;box-shadow:none}.market-feed{position:absolute;left:22px;bottom:192px;width:252px;display:grid;gap:6px;pointer-events:none}.market-feed>div{display:flex;gap:7px;align-items:flex-start;background:#fff8e2bf;padding:7px 9px;border-radius:9px;font-size:9px;color:#657557;line-height:1.45}.market-feed>div:nth-child(2){opacity:.8}.market-feed>div:nth-child(3){opacity:.6}.market-feed .icon{width:12px;height:12px;margin-top:1px;color:#90a273}.nav-dock{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:4px;border:1px solid #fff9e9;background:#fcf6e6ed;border-radius:18px;padding:8px 10px;box-shadow:0 7px 26px #4a5c3b20;backdrop-filter:blur(10px)}.nav-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:11px;background:transparent;width:68px;height:55px;position:relative}.nav-dock button:hover{background:#e9edd8}.nav-dock .icon{width:23px;height:23px;color:#708a61;stroke-width:1.6}.nav-dock button>span{font-size:9px;font-weight:700;color:#78866b}.notification-dot{width:7px;height:7px;display:inline-block;background:var(--coral);border-radius:50%;margin-left:6px}.nav-dock .notification-dot{position:absolute;right:16px;top:5px;border:2px solid var(--paper);width:10px;height:10px}.interaction{position:absolute;right:23px;bottom:31px;z-index:2}.interact-prompt{display:flex;align-items:center;gap:11px;padding:11px 13px;background:#fdf6e3ed;border:1px solid #fff9e5;border-radius:13px;box-shadow:0 4px 18px #4b5e3915;text-align:left;max-width:260px}.interact-prompt>span{display:flex;flex-direction:column;gap:2px}.interact-prompt strong{font-size:11px}.interact-prompt small{font-size:9px;color:#8c947c}.interact-prompt>.icon{width:15px;height:15px;color:#9aa887;margin-left:5px}kbd{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;background:#f8f6e7;border:1px solid #dbdfc4;box-shadow:0 2px 0 #d7ddbf;border-radius:6px;min-width:28px;padding:3px 6px;font-size:12px;color:#7a896a;font-weight:700}.walk-hint{display:block;font-size:10px;color:#657b53;background:#f9f2dcca;padding:8px 12px;border-radius:10px}.route-status,.connection-status{position:absolute;z-index:4;top:104px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);display:flex;align-items:center;gap:8px;padding:7px 9px 7px 13px;background:#fff7e3f0;border:1px solid #f7edce;border-radius:11px;color:#7a805e;box-shadow:0 3px 18px #54663f12;font-size:11px}.route-status>.icon,.connection-status>.icon{width:16px;height:16px}.route-status .icon-button{width:27px;height:27px;background:transparent;border:0}.route-status .icon-button>.icon{width:15px;height:15px}.connection-status{background:#f8e8c9;top:84px}.touch-controls{display:none;position:absolute;bottom:109px;left:24px;right:24px;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:3}.touch-stick{position:relative;width:108px;height:108px;border:2px solid #fff5d978;border-radius:50%;background:#f9f0ce4a;box-shadow:inset 0 0 0 9px #f2eac51e;pointer-events:auto;touch-action:none;user-select:none}.stick-ring{position:absolute;inset:24px;border:1px solid #fff9db6b;border-radius:50%;pointer-events:none}.touch-thumb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:#fff7ddbd;border:1px solid #fffce9;border-radius:50%;box-shadow:0 4px 12px #5f694b29;pointer-events:none}.touch-stick.engaged{background:#eee8c670}.touch-actions{display:flex;gap:12px;align-items:flex-end}.touch-interact,.touch-bag{border-radius:50%;pointer-events:auto;touch-action:none;border:1px solid #fff3d5;background:#faf0d7d9;box-shadow:0 4px 10px #6a704c20;display:grid;place-items:center}.touch-interact{width:67px;height:67px;font-size:21px;font-weight:800;color:#98734e}.touch-bag{width:43px;height:43px;font-size:10px;color:#7b876b}.touch-interact.pressed,.touch-bag.pressed{background:#d9e0bd;transform:scale(.94)}.panel-open .touch-controls,.panel-open .interaction{visibility:hidden}
.panel-dialog{width:min(1100px,calc(100% - 40px));max-width:1100px;max-height:min(860px,calc(100dvh - 40px));margin:auto;padding:0;border:1px solid #fefaf0;border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #273b3359;overflow:hidden}.panel-dialog[open]{display:flex;flex-direction:column}.panel-dialog::backdrop{background:#263c2947;backdrop-filter:blur(5px)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-shrink:0;padding:25px 28px 20px;background:#f9f5e9;border-bottom:1px solid #e7e5d5}.panel-header h2{font-size:29px;margin:7px 0 0;line-height:1.17}.panel-header .eyebrow{font-size:9px}.panel-close{background:#efefdf;border:0;width:34px;height:34px;border-radius:11px;font-size:26px;line-height:1;color:#7a866a;flex-shrink:0}.panel-tabs{display:flex;gap:6px;flex-shrink:0;padding:11px 24px;background:#f5f3e6;border-bottom:1px solid #e0e2cf;overflow-x:auto;scrollbar-width:thin}.panel-tab{display:flex;align-items:center;white-space:nowrap;gap:4px;border:0;border-radius:8px;padding:8px 12px;background:transparent;color:#8b937c;font-size:12px;font-weight:700}.panel-tab.active{background:#e4e9d2;color:#54724c}.panel-tab:hover{background:#eaeedc}.panel-body{padding:25px 28px 30px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#c9d3b7 transparent}.panel-footer{padding:15px 28px;border-top:1px solid var(--line)}.panel-body .section-heading h2{font-size:32px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:21px}.section-title h3{font-size:22px;margin:0 0 7px;line-height:1.2}.section-title p{font-size:12px;line-height:1.65;margin:0;max-width:660px}.section-title>.icon{width:31px;height:31px;color:#a4b090;flex-shrink:0}.empty-state{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:42px 25px;grid-column:1/-1}.empty-state>.icon{width:40px;height:40px;color:#a3b58b;margin-bottom:14px;stroke-width:1.25}.empty-state h3{font-size:23px;margin:0 0 10px;font-family:Georgia,serif;font-weight:400}.empty-state p{font-size:12px;max-width:370px;margin:0 0 17px;line-height:1.7}.empty-state .button{margin-top:3px}.place-note{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#f0eddb;border:1px solid #e4dfc6;border-radius:11px;margin-bottom:23px;font-size:11px;color:#8b8165}.place-note>span{flex:1}.place-note>.icon{color:#ad9b69;width:17px;height:17px}.place-note.ready{background:#edf1e1;border-color:#e0e8ce;color:#79936a}.place-note.ready>.icon{color:#87a774}.event-note,.catalog-note{border:1px solid #e6dec5;border-radius:10px;background:#f3eddc;padding:12px 15px;font-size:12px;color:#998461;margin-bottom:20px}.end-note{display:flex;align-items:center;gap:12px;padding:17px 18px;background:#edf0df;border-radius:12px;font-size:11px;color:#7f8c6e;margin-top:25px;line-height:1.65}.end-note>span{flex:1}.end-note>.icon{width:23px;height:23px;color:#94a37c}.form-stack{display:grid;gap:9px;max-width:620px;margin:auto}.form-stack label{font-size:12px;font-weight:700;margin-top:9px}.check-label{display:flex;gap:10px;align-items:flex-start;padding:10px 0}.check-label>span{display:flex;flex-direction:column;gap:3px}.check-label small{font-size:11px;color:var(--muted);font-weight:400}.input-action{display:flex;gap:8px}.input-action>input{flex:1;min-width:0}.input-action>.button{flex-shrink:0}.filter-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.filter-button{border:1px solid #e0e3cf;background:transparent;border-radius:8px;padding:7px 12px;color:#8b947a;font-weight:700;font-size:11px}.filter-button.active{background:#e7ecd6;border-color:#d4dfbe;color:#688759}.filter-button:hover{background:#eef0e0}.search-field{display:flex;align-items:center;gap:7px;background:#fffaf0;border:1px solid #dfe2ce;border-radius:9px;padding-left:10px;max-width:235px}.search-field>.icon{width:15px;height:15px;color:#9ba78a}.search-field input{border:0;box-shadow:none;background:transparent;padding:8px 10px 8px 0;font-size:12px}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.inventory-toolbar>div{display:flex;align-items:center;gap:12px}.inventory-toolbar strong{font-size:14px}.inventory-toolbar div>span{font-size:11px;color:#99a086}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:24px;align-items:start}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:start}.inventory-item{position:relative;background:#f3f0e2;border:1px solid #e2e2cf;border-radius:12px;padding:10px 8px 9px;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;transition:background .12s,transform .12s}.inventory-item:hover{background:#edf0dc;transform:translateY(-2px)}.inventory-item.selected{background:#e9eed8;border-color:#91a679;box-shadow:inset 0 0 0 1px #a4b58d}.inventory-item>.item-art{width:100%;height:auto;aspect-ratio:1;max-width:108px;border-radius:8px;margin-bottom:9px}.inventory-item>strong{font-size:10px;line-height:1.4;min-height:28px}.item-badges{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:6px}.rarity{font-size:8px;color:#95a083;text-transform:capitalize}.rarity.uncommon{color:#829d73}.rarity.rare{color:#a18eb3}.rarity.legendary{color:#b79c5a}.quality{font-size:8px;color:#bea567;letter-spacing:.035em}.item-bottom{font-size:8px;line-height:1.4;color:#9aa286;margin-top:6px}.item-detail{background:#efeedf;border:1px solid #e0e1cc;border-radius:14px;padding:20px;position:sticky;top:0;min-height:330px}.item-detail-art{display:flex;justify-content:center;padding:0 0 15px}.item-detail-art .item-art{width:140px;height:140px;border-radius:18px}.item-detail h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:10px 0 11px}.item-detail p{font-size:11px;line-height:1.7;margin-bottom:18px}.item-detail .item-badges{margin-top:0}.item-detail .rarity{font-size:10px}.item-detail .quality{font-size:10px}.condition-row{display:flex;justify-content:space-between;font-size:10px;color:#839171}.condition-bar{height:5px;background:#dfe4cb;border-radius:3px;overflow:hidden;margin-top:5px}.condition-bar>span{display:block;background:#a5b782;height:100%;border-radius:3px}.appraisal{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:11px;color:#8c957a;border-bottom:1px solid #dbdfc7;margin-bottom:15px}.appraisal .coin-value{color:#9b824f;font-size:14px}.item-actions{display:grid;gap:9px}.item-actions>.button{width:100%}.listing-form{display:grid;gap:6px;padding:10px 0}.listing-form label{font-size:10px;color:#8b9477;font-weight:700}.listing-form input{font-size:13px;padding:8px 10px;width:85px}.listing-form .button{font-size:11px;padding:8px 11px;min-height:36px}.listing-form .button .icon{width:15px;height:15px}.item-story{font-size:10px;color:#929a81;border-top:1px solid #d9dfc2;margin-top:18px;padding-top:12px}.item-story summary{cursor:pointer;font-weight:700}.item-story ol{padding-left:17px;line-height:1.8}.detail-placeholder{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:325px}.detail-placeholder>.icon{width:45px;height:45px;color:#b8c19f;stroke-width:1.3}.detail-placeholder h3{margin-top:18px;font-size:29px}.detail-placeholder p{max-width:180px;margin:0}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.recipe-card{background:#f4f1e4;border:1px solid #e0e1ce;border-radius:14px;padding:17px;min-width:0;display:flex;flex-direction:column}.recipe-card-top{display:flex;align-items:center;gap:14px}.recipe-card-top>.item-art{width:64px;height:64px;border-radius:11px}.recipe-card h3{font-size:16px;line-height:1.3;margin:4px 0 0}.recipe-card .eyebrow{font-size:8px;letter-spacing:.1em}.recipe-card>p{font-size:11px;margin:13px 0 15px;line-height:1.6}.locked-recipe .recipe-card-top{opacity:.65}.ingredient-list{display:grid;gap:5px;margin-bottom:17px}.ingredient{display:flex;align-items:center;gap:8px;background:#fffaf04d;border-radius:7px;padding:5px 7px;min-width:0}.ingredient>.item-art{width:26px;height:26px;border-radius:6px}.ingredient>span:not(.item-art){flex:1;min-width:0;font-size:10px;color:#8b9479}.ingredient>strong{font-size:10px;color:#a68b6f}.ingredient.enough>strong{color:#7e9a66}.recipe-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #dfe3cb}.recipe-footer>span{display:flex;align-items:center;gap:5px;color:#9ca288;font-size:10px}.recipe-footer>span .icon{width:12px;height:12px}.goods-list{display:grid;gap:10px}.good-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #dfe3ce;background:#f4f2e6;border-radius:12px}.good-row>.item-art{width:55px;height:55px;border-radius:10px}.good-description{flex:1;min-width:0}.good-description>strong{font-size:12px;display:block;line-height:1.4}.good-description>span{font-size:10px;color:#919b7f;display:block;margin-top:4px}.good-row>.coin-value{color:#a18651;margin-right:5px;font-size:13px}.highlight-row{background:#eef1dd;border-color:#9caf80}
.stall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.stall-card{border:1px solid #dfe2cc;border-radius:15px;overflow:hidden;background:#f4f2e5}.stall-card-art{position:relative;height:170px;background:#e1e7cf;overflow:hidden}.stall-card-art>.collection-art{height:100%;aspect-ratio:auto;border-radius:0}.stall-card-art>.collection-art .collection-sprite{background-size:400% 300%}.default-stall-art{display:flex;justify-content:center;background:linear-gradient(100deg,#dce5c9,#ebe8d6)}.stall-card-art>.merchant-portrait{width:128px;height:171px;border-radius:0;position:absolute;left:50%;transform:translateX(-50%);bottom:-4px}.stall-card-art>.status-tag{position:absolute;top:11px;left:11px;background:#fcf7e6e6;color:#83916f;font-size:9px}.stall-card-copy{padding:18px}.stall-card-copy .eyebrow{font-size:8px}.stall-card-copy h3{font-size:20px;line-height:1.3;margin:6px 0 5px}.stall-card-copy p{font-size:10px;margin:0 0 15px;color:#939a80}.stall-preview-items{display:flex;gap:5px;align-items:center;min-height:40px;margin-bottom:17px}.stall-preview-items>.item-art{width:37px;height:37px;border-radius:7px}.stall-preview-items .subtle-label{font-size:10px}.stall-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.stall-card-bottom>span{font-size:10px;color:#939c82}.seller-intro{display:flex;align-items:center;gap:23px;margin-bottom:24px}.seller-intro>.merchant-portrait{width:90px;border-radius:14px}.seller-intro>div{flex:1;min-width:0}.seller-intro h3{font-family:Georgia,serif;font-weight:400;font-size:31px;margin:10px 0}.seller-intro p{font-size:12px;max-width:500px;margin-bottom:0}.seller-intro>.button{align-self:flex-start}.shop-goods-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sale-item{display:flex;gap:17px;align-items:center;border:1px solid #e0e3ce;border-radius:13px;background:#f3f1e4;padding:17px;min-width:0}.sale-item>.item-art{width:95px;height:95px;border-radius:13px}.sale-item>div{flex:1;min-width:0}.sale-item h3{font-size:17px;margin:8px 0}.sale-item p{font-size:10px;margin:0 0 7px}.sale-price{margin-bottom:12px}.sale-price .coin-value{font-size:18px;color:#a38751}.supply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.supply-card{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #dfe3ce;border-radius:12px;background:#f3f1e3;min-width:0}.supply-card>.item-art{width:56px;height:56px;border-radius:10px}.supply-card>div{flex:1;min-width:0}.supply-card strong{display:block;font-size:11px;line-height:1.4}.supply-card div>span:not(.coin-value){display:block;font-size:8px;color:#939c7e;margin:4px 0 8px}.supply-card-bottom{display:flex;align-items:center;gap:7px;justify-content:space-between}.supply-card-bottom .coin-value{font-size:11px;color:#9d8755}.supply-card-bottom .coin-value .icon{width:13px;height:13px}.supply-card-bottom .button{font-size:9px;min-height:28px;padding:5px 7px;border-radius:7px}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.customer-card{display:flex;align-items:center;gap:17px;padding:17px;border:1px solid #e0e3ce;border-radius:14px;background:#f2f0e2;min-width:0}.customer-card>.merchant-portrait{width:100px;border-radius:13px}.customer-card>div{flex:1;min-width:0}.customer-card .eyebrow{font-size:8px;letter-spacing:.08em}.customer-card h3{font-size:23px;font-family:Georgia,serif;font-weight:400;margin:8px 0}.customer-card p{font-size:11px;line-height:1.6;margin-bottom:11px}.npc-intro{display:flex;align-items:center;gap:25px;margin:0 0 28px;background:#efefdf;border:1px solid #e0e2cc;border-radius:16px;padding:23px}.npc-intro>.merchant-portrait{width:129px;border-radius:14px}.npc-intro>div{flex:1;min-width:0}.npc-intro h3{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:7px 0 14px}.npc-intro blockquote{font-family:Georgia,serif;font-size:17px;line-height:1.6;color:#8b8f76;margin:0 0 17px}.npc-intro blockquote::before{content:'“';color:#b8ba99}.npc-intro blockquote::after{content:'”';color:#b8ba99}
.trade-list{display:grid;gap:17px}.trade-card{padding:21px;background:#f2f0e3;border:1px solid #dce1c7;border-radius:14px}.trade-card-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px}.trade-card-top h3{font-size:23px;margin:7px 0 0}.trade-card-top .status-tag{align-self:flex-start}.trade-sides{display:grid;grid-template-columns:1fr 35px 1fr;gap:15px;margin-bottom:18px}.trade-sides>div{background:#faf7ece3;border-radius:10px;padding:14px}.trade-arrow{display:grid;place-items:center;color:#a9b08f}.trade-contents{display:grid;gap:8px;margin-top:10px}.trade-contents>span{display:flex;align-items:center;gap:10px;font-size:11px;color:#6f7f61}.trade-contents>span>.item-art{width:36px;height:36px;border-radius:8px}.trade-contents small{display:block;font-size:9px;color:#99a082;margin-top:2px}.trade-coins{padding:4px 0;font-size:15px;color:#a38950}.trade-card .button-row{justify-content:flex-end}.trade-form-intro{display:flex;align-items:center;gap:15px;margin-bottom:24px}.trade-form-intro label{font-size:12px;white-space:nowrap;font-weight:700}.trade-form-intro select{max-width:470px}.trade-compose-sides{display:grid;grid-template-columns:1fr 1fr;gap:19px}.trade-compose-sides fieldset{border:1px solid #dce2c9;border-radius:14px;margin:0;padding:20px;min-width:0;background:#f3f1e4}.trade-compose-sides legend{padding:0 9px;font-size:17px;font-family:Georgia,serif;color:#768d64}.coin-input{display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:11px;font-weight:700}.coin-input input{max-width:125px}.trade-picker{display:grid;gap:7px;max-height:330px;overflow:auto;padding-right:3px}.trade-pick{display:flex;align-items:center;gap:9px;border:1px solid #e3e4d2;border-radius:9px;padding:7px;background:#faf7eaaa;cursor:pointer}.trade-pick:has(input:checked){background:#e7edcf;border-color:#aabc8a}.trade-pick>.item-art{width:39px;height:39px;border-radius:8px}.trade-pick>span:not(.item-art){font-size:11px}.trade-pick small{display:block;font-size:9px;margin-top:3px;color:#969f7f}.trade-review-note{display:flex;align-items:center;gap:11px;padding:18px 0;font-size:11px;color:#8b9779;line-height:1.65}.trade-review-note .icon{color:#9cac86;width:25px;height:25px}.commission-form-wrap{background:#f1efdf;border:1px solid #dfe1ca;border-radius:12px;padding:17px 20px;margin-bottom:23px}.commission-form-wrap summary{cursor:pointer;font-weight:700;font-size:13px;display:flex;align-items:center;gap:10px;list-style:none}.commission-form-wrap summary::marker{content:''}.commission-form-wrap summary .icon{color:#839a6d}.commission-form{display:grid;gap:9px;max-width:580px;margin:19px 0 0}.commission-form label{font-size:11px;font-weight:700}.commission-form>.button{justify-self:start}.commission-form input[type=number]{max-width:155px}.commission-form .fine-print{max-width:500px}.order-list{display:grid;gap:13px}.order-card{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid #e0e3cf;background:#f5f2e6;border-radius:13px}.order-card>.item-art{width:75px;height:75px;border-radius:12px}.order-copy{flex:1;min-width:0}.order-copy .eyebrow{font-size:8px}.order-copy h3{font-size:18px;margin:8px 0}.order-copy p{font-size:11px;margin-bottom:5px}.order-copy>.subtle-label{font-size:10px}.order-actions{display:flex;align-items:flex-end;flex-direction:column;gap:6px}.order-actions .coin-value{font-size:20px;color:#a48750}.order-actions .fine-print{margin:0}.order-actions .button{margin-top:3px}.quest-list{display:grid;gap:17px}.quest-card{padding:21px 23px;background:#f3f1e4;border:1px solid #e0e2cb;border-radius:15px}.quest-card.quest-ready{background:#edf0dc;border-color:#b3c198}.quest-card.quest-locked{background:#f2f0e5}.quest-card.quest-locked>.quest-card-top,.quest-card.quest-locked>p{opacity:.65}.quest-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.quest-card-top h3{font-size:25px;font-weight:400;font-family:Georgia,serif;margin:7px 0 14px}.quest-card>p{font-size:12px;line-height:1.75;max-width:760px}.quest-state{display:flex;align-items:center;gap:5px;color:#8b9c72;font-size:10px;white-space:nowrap}.quest-state .icon{width:15px;height:15px}.quest-quote{font-family:Georgia,serif;font-size:15px;line-height:1.7;color:#9b9780;margin:14px 0;padding-left:16px;border-left:2px solid #d6d7b6;max-width:730px}.quest-objectives{list-style:none;padding:0;display:grid;gap:7px;margin:19px 0}.quest-objectives li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;background:#fdf9ee85;border-radius:7px;padding:9px 11px;color:#8d967c}.quest-objectives li>span{display:flex;align-items:center;gap:8px}.quest-objectives .icon{width:14px;height:14px;color:#c0c6a9}.quest-objectives li.done{color:#7b9668}.quest-objectives li.done .icon{color:#97b079}.quest-objectives strong{font-variant-numeric:tabular-nums;font-size:10px;color:#a0aa8a;white-space:nowrap}.quest-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid #dde2c7}.quest-rewards{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:10px;color:#9ba584}.quest-rewards .coin-value{font-size:12px;color:#ae945b}.quest-rewards>.icon,.quest-rewards>span .icon{width:14px;height:14px}.chapter-complete{background:#e8eed7;border:1px solid #cbdab4;border-radius:15px;padding:25px 28px;margin-bottom:25px;position:relative;overflow:hidden}.chapter-complete::after{content:'✳';position:absolute;right:-4px;top:-31px;font-size:160px;line-height:1;color:#c8d6af55;pointer-events:none}.chapter-complete>*{position:relative;z-index:1}.chapter-complete h3{font-family:Georgia,serif;font-size:33px;font-weight:400;margin:10px 0 15px}.chapter-complete p{font-family:Georgia,serif;font-size:16px;line-height:1.75;color:#81916d;max-width:700px}.chapter-complete .button{margin-top:4px}
.shop-overview{display:flex;align-items:center;gap:26px;margin:0 0 26px}.shop-overview-portrait{position:relative;flex-shrink:0}.shop-overview-portrait>.merchant-portrait{width:128px;border-radius:17px}.level-medallion{position:absolute;right:-11px;bottom:0;width:39px;height:39px;border-radius:50%;background:#d7b777;color:#fff4d7;border:4px solid var(--paper);display:grid;place-items:center;font-size:15px;font-weight:800}.shop-overview-copy{flex:1;min-width:0;max-width:650px}.shop-overview-copy h3{font-family:Georgia,serif;font-size:35px;font-weight:400;margin:10px 0 13px}.shop-overview-copy p{font-size:12px;line-height:1.7;max-width:520px}.xp-heading{display:flex;justify-content:space-between;font-size:10px;color:#9ba589;margin:18px 0 8px}.shop-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:29px}.shop-stat-grid>div{display:flex;flex-direction:column;gap:9px;background:#efefdf;border:1px solid #e1e3ce;border-radius:12px;padding:16px}.shop-stat-grid>div>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#8f9c79}.shop-stat-grid .icon{width:15px;height:15px}.shop-stat-grid strong{font-family:Georgia,serif;font-size:28px;font-weight:400;color:#6f865d}.milestone-list{display:grid;gap:10px}.milestone-list>div{display:flex;align-items:center;gap:13px;padding:12px 15px;border:1px solid #e1e4cf;border-radius:10px;background:#f4f2e5}.milestone-level{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:50%;background:#e6eacF;font-size:12px;color:#9ba97e;font-weight:700}.milestone-list>div>div{flex:1;min-width:0}.milestone-list strong{display:block;font-size:12px}.milestone-list div>span:not(.milestone-level){font-size:10px;color:#969f83;display:block;margin-top:4px}.milestone-list .item-art{width:43px;height:43px;border-radius:8px}.rename-shop{display:grid;gap:8px;max-width:600px;margin-top:28px}.rename-shop label{font-size:11px;font-weight:700;color:#8b9877}.owned-shops{display:grid;gap:13px}.owned-shop{display:flex;align-items:center;gap:19px;background:#f1efdf;border:1px solid #dfe3ca;border-radius:13px;padding:15px}.owned-shop>.merchant-portrait{width:67px;border-radius:10px}.owned-shop>div{flex:1;min-width:0}.owned-shop h3{font-size:23px;font-weight:400;font-family:Georgia,serif;margin:7px 0}.owned-shop p{font-size:10px;margin:0}.new-shop-card{display:flex;align-items:center;gap:20px;padding:22px;border:1px dashed #bfcca7;border-radius:15px;background:#eef1de;margin-top:22px}.new-shop-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e2e9cc;color:#a4b78c;flex-shrink:0}.new-shop-card>span .icon{width:25px;height:25px}.new-shop-card>div{flex:1;min-width:0}.new-shop-card h3{font-size:21px;font-family:Georgia,serif;font-weight:400;margin:0 0 9px}.new-shop-card p{font-size:11px;line-height:1.65;margin:0;max-width:520px}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.upgrade-card{background:#f1f0e2;border:1px solid #dfe3cb;border-radius:14px;padding:23px}.upgrade-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;color:#9aab7c;background:#e4e9cf;margin-bottom:17px}.upgrade-icon .icon{width:25px;height:25px}.upgrade-card h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:8px 0 13px}.upgrade-card p{font-size:12px;line-height:1.65;min-height:40px}.upgrade-steps{display:flex;gap:5px;margin:21px 0}.upgrade-steps>span{height:5px;flex:1;background:#dce2c6;border-radius:3px}.upgrade-steps>span.done{background:#9db582}.upgrade-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.upgrade-bottom>span{font-size:10px;color:#9ca580}.specialization-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.specialization-card{display:flex;flex-direction:column;padding:27px;border:1px solid #e0e3cd;background:#f2efdf;border-radius:15px}.specialization-card.chosen{border-color:#a9be8b;background:#e8efd7}.specialization-symbol{display:grid;place-items:center;background:#e1e8ca;border-radius:16px;width:62px;height:62px;color:#a1b580;margin:0 0 22px}.specialization-symbol .icon{width:33px;height:33px;stroke-width:1.5}.specialization-card h3{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:8px 0 14px}.specialization-card p{font-size:13px;line-height:1.7;margin-bottom:9px}.specialization-card ul{font-size:11px;color:#8d9c76;line-height:1.9;padding-left:18px;margin:10px 0 25px}.specialization-card .button{margin-top:auto}
.free-styles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.free-style{display:flex;align-items:center;gap:14px;text-align:left;background:#f2efdf;border:1px solid #e0e2cd;border-radius:12px;padding:14px}.free-style.active{border-color:#a4b78a;background:#eaf0d9}.awning-swatch{display:block;width:55px;height:43px;border-radius:10px 10px 5px 5px;flex-shrink:0;background:repeating-linear-gradient(90deg,#8da58b 0,#8da58b 10px,#f5e7c6 10px,#f5e7c6 20px);border-bottom:9px solid #b6986f;box-shadow:0 3px 0 #c1c6a74d}.style-sage{background:repeating-linear-gradient(90deg,#71977c 0,#71977c 10px,#f3eddb 10px,#f3eddb 20px)}.style-coral{background:repeating-linear-gradient(90deg,#d58e77 0,#d58e77 10px,#f9edcf 10px,#f9edcf 20px)}.style-sky{background:repeating-linear-gradient(90deg,#80a9b9 0,#80a9b9 10px,#f5edcf 10px,#f5edcf 20px)}.free-style>span:not(.awning-swatch){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.free-style strong{font-size:12px}.free-style small{font-size:10px;color:#99a184}.free-style>.icon{width:17px;height:17px;color:#a2b786}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.collection-card{border:1px solid #dfe2cc;background:#f3f0e1;border-radius:15px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.collection-card>.collection-art{border-radius:0}.collection-card>div{padding:19px;display:flex;flex-direction:column;flex:1}.collection-card .eyebrow{font-size:8px;letter-spacing:.1em;line-height:1.5}.collection-card h3{font-family:Georgia,serif;font-weight:400;font-size:25px;line-height:1.15;margin:9px 0 12px}.collection-card p{font-size:11px;line-height:1.7;margin-bottom:19px}.collection-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.collection-card-bottom>strong{font-size:12px;color:#9b885e}.collection-invitation{display:flex;align-items:center;gap:26px;padding:23px;border:1px solid #e0e3cb;background:#eeefdd;border-radius:15px;margin-top:25px}.collection-invitation>.collection-art{width:205px;flex-shrink:0;border-radius:12px}.collection-invitation>div{flex:1}.collection-invitation h3{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:9px 0 13px}.collection-invitation p{font-size:12px;line-height:1.7;max-width:430px}.keepsake-row{display:flex;flex-wrap:wrap;gap:10px}.keepsake{display:flex;align-items:center;gap:8px;background:#e9eed8;border:1px solid #d6e0bf;padding:11px 15px;border-radius:11px;text-transform:capitalize;font-size:12px;color:#8da16f}.keepsake>.icon{width:18px;height:18px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:32px}.product-visual>.collection-art{border-radius:15px}.style-preview-canvas{display:block;width:100%;height:235px;background:#e4e8d3;margin-top:14px;border-radius:14px}.product-copy{padding-top:8px;display:flex;flex-direction:column;align-items:flex-start}.product-copy h3{font-family:Georgia,serif;font-size:39px;font-weight:400;margin:13px 0 20px;line-height:1.08}.product-copy>p{font-size:13px;line-height:1.8;max-width:440px}.product-contents{list-style:none;margin:0 0 23px;padding:0;display:grid;gap:9px;font-size:12px;color:#929d7e;text-transform:capitalize}.product-contents>li{display:flex;align-items:center;gap:8px}.product-contents .icon{width:14px;height:14px;color:#a6bb8a}.product-price{font-family:Georgia,serif;font-size:27px;color:#8a7952;font-weight:400;display:block;margin:8px 0 4px}.product-copy>.subtle-label{font-size:10px}.product-actions{display:grid;gap:8px;width:100%;margin:24px 0 9px}.product-copy>.fine-print{font-size:10px;line-height:1.7}.compact-select{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;color:#93a17b;margin-bottom:21px}.compact-select>select{width:auto;min-width:170px;font-size:12px}.discovery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.discovery-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:#f1efdf;border:1px solid #e1e4ce;border-radius:11px;padding:10px 7px;opacity:.55;min-width:0}.discovery-item.discovered{opacity:1;background:#edf1dd;border-color:#d8e1c5}.discovery-item>.item-art{width:100%;height:auto;aspect-ratio:1;border-radius:8px;filter:grayscale(.9);opacity:.5}.discovery-item.discovered>.item-art{filter:none;opacity:1}.discovery-item>strong{font-size:9px;line-height:1.4;margin:8px 0 5px;min-height:25px}.discovery-item>span:last-child{font-size:8px;color:#a4ad90}.club-intro{display:flex;gap:29px;align-items:center}.club-intro>.collection-art{width:280px;flex-shrink:0}.club-intro>div{flex:1;min-width:0}.club-intro h3{font-family:Georgia,serif;font-weight:400;font-size:37px;margin:12px 0 17px}.club-intro p{font-size:14px;line-height:1.8}.club-intro .button{margin-top:12px}
.project-hero{display:flex;align-items:center;gap:20px;margin:0 0 24px;padding:22px;background:#e9edd7;border-radius:15px;border:1px solid #d8e1c2}.project-mark{display:grid;place-items:center;width:65px;height:65px;border-radius:20px;background:#dde6c6;color:#95ac77;flex-shrink:0}.project-mark .icon{width:37px;height:37px;stroke-width:1.3}.project-hero>div{flex:1;min-width:0}.project-hero h3{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:8px 0 12px}.project-hero p{font-size:12px;line-height:1.65;margin:0;max-width:640px}.project-hero>strong{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#a8b88b}.project-needs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:27px}.project-needs>div{padding:14px 11px;border:1px solid #e0e3cd;border-radius:10px;background:#f1f0e2;min-width:0}.project-needs>div>span:first-child{display:flex;align-items:center;gap:5px;font-size:9px;color:#8c9a76}.project-needs>div .icon{width:14px;height:14px}.project-needs>div>span:nth-child(2){display:block;font-family:Georgia,serif;font-size:25px;color:#a2ad87;margin:9px 0}.need-progress{height:4px;border-radius:2px;background:#dce3c8;overflow:hidden}.need-progress>i{height:100%;display:block;background:#a5b982}.contributor-list{display:flex;flex-wrap:wrap;gap:9px}.contributor-list>span{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #e0e3cd;border-radius:10px;background:#f2f0e2;font-size:11px}.contributor-list .icon{width:14px;height:14px;color:#b2bc90}.contributor-list>span>span{font-size:9px;color:#9ca586;margin-left:5px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.event-card{display:flex;flex-direction:column;border:1px solid #e0e2cb;background:#f1efdf;border-radius:14px;overflow:hidden}.event-art{height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:radial-gradient(circle at 50% 42%,#f5e8b9,#dce5c6);padding:20px;text-align:center}.event-art .icon{width:53px;height:53px;color:#b2a86c;stroke-width:1.1}.event-art>span{font-size:9px;font-weight:700;color:#94996e}.event-midnight .event-art{background:radial-gradient(circle at 50% 42%,#dad1e4,#b7b9bf)}.event-midnight .event-art .icon{color:#9a8eae}.event-midnight .event-art>span{color:#8a819a}.event-flip .event-art{background:radial-gradient(circle at 50% 42%,#e9c99d,#dcc5a5)}.event-flip .event-art .icon{color:#ab8d5a}.event-flip .event-art>span{color:#997f56}.event-card>div:not(.event-art){padding:20px;display:flex;flex-direction:column;flex:1}.event-card .eyebrow{font-size:8px}.event-card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:10px 0 13px}.event-card p{font-size:11px;line-height:1.7;margin:0 0 15px}.event-card p.fine-print{font-size:10px}.event-card .button{margin-top:auto;font-size:11px}.score-table-wrap{overflow-x:auto;border:1px solid #e0e3cc;border-radius:13px}.score-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;background:#f7f4e8}.score-table th,.score-table td{padding:15px 17px;border-bottom:1px solid #e1e5d1}.score-table thead{background:#e9edd7;color:#93a079;font-size:10px}.score-table thead th{font-weight:700;white-space:nowrap}.score-table tbody th{font-weight:700}.score-table tbody tr:last-child>*{border-bottom:0}.score-table td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}.score-table thead th:nth-child(n+3){text-align:right}.score-table .your-row{background:#eef2de}.score-table td:first-child{color:#ad9b67;width:65px}.score-table td .icon{width:19px;height:19px}.score-table small{display:inline-block;font-size:8px;color:#a4ad8b;margin-left:10px;font-weight:400}.flip-summary{display:flex;gap:14px;margin-bottom:20px}.flip-summary>span{display:flex;flex:1;flex-direction:column;gap:5px;background:#f0e9d4;border:1px solid #e2d8b8;border-radius:11px;padding:14px 18px;font-size:10px;color:#a59368}.flip-summary strong{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#9b8556}.theme-default{display:flex;gap:15px;align-items:center;background:#efefdc;border:1px solid #dfe3c9;border-radius:13px;padding:18px;margin-bottom:22px}.theme-default>.icon{width:31px;height:31px;color:#a9b383}.theme-default>div{flex:1}.theme-default strong{display:block;font-size:14px}.theme-default span{display:block;font-size:11px;color:#9ca783;margin-top:5px}.map-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px}.map-intro h3{font-size:24px;font-family:Georgia,serif;font-weight:400;margin:0 0 11px}.map-intro p{font-size:12px;line-height:1.7;max-width:680px;margin:0}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.location-card{display:flex;gap:13px;align-items:flex-start;padding:18px;border:1px solid #e0e3cc;background:#f2efdf;border-radius:13px;position:relative}.location-symbol{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#e4e9ce;color:#9bb084;flex-shrink:0}.location-symbol .icon{width:21px;height:21px}.location-card>div{flex:1;min-width:0;padding-right:5px}.location-card .eyebrow{font-size:8px;line-height:1.4}.location-card h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:8px 0 11px}.location-card p{font-size:10px;line-height:1.7;margin-bottom:14px}.location-card>.button{position:absolute;right:17px;bottom:17px}.location-items{display:flex;gap:5px;padding-right:70px}.location-items>.item-art{width:32px;height:32px;border-radius:7px}.utility-locations{display:grid;grid-template-columns:1fr 1fr;gap:12px}.utility-location{display:flex;gap:13px;align-items:center;text-align:left;padding:17px;background:#eef0de;border:1px solid #dce3c6;border-radius:12px}.utility-location>.icon:first-child{width:25px;height:25px;color:#9fb386}.utility-location>span{flex:1;min-width:0}.utility-location strong{display:block;font-size:12px;margin-bottom:5px}.utility-location small{font-size:10px;line-height:1.5;display:block;color:#9aa681}.utility-location>.icon:last-child{width:15px;height:15px;color:#adba94}.map-intro+.location-grid+.section-title{margin-top:26px}.emote-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.emote-button{display:flex;flex-direction:column;align-items:center;gap:15px;padding:24px 13px;background:#f0efdd;border:1px solid #dce3c6;border-radius:13px;color:#91a776;font-size:12px}.emote-button:hover{background:#e4ecd2}.emote-button .icon{width:36px;height:36px;stroke-width:1.3}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.more-link{display:flex;align-items:center;gap:13px;padding:18px;background:#f1efdf;border:1px solid #dee2c9;border-radius:12px;text-align:left}.more-link>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e3e9cd;color:#99ae7d;flex-shrink:0}.more-link>span:nth-child(2){flex:1;min-width:0}.more-link strong{font-size:13px;display:block;margin-bottom:4px}.more-link small{font-size:10px;line-height:1.45;display:block;color:#99a482}.more-link>.icon{width:16px;height:16px;color:#a8b78d}.more-link:hover{background:#eaf0d9}.more-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:23px;padding-top:23px;border-top:1px solid var(--line)}.more-footer>div{display:flex;flex-direction:column;gap:7px;margin-right:auto}.more-footer .market-code{font-size:24px;margin:0;color:#a4ae88}.settings-list{display:grid;gap:14px}.settings-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f0efdf;border:1px solid #dfe3cb;border-radius:12px;padding:18px}.settings-list>div>span{position:relative;display:block;padding-left:33px}.settings-list>div>span>.icon{position:absolute;left:0;top:3px;color:#a2b087;width:22px;height:22px}.settings-list strong{display:block;font-size:13px}.settings-list small{display:block;font-size:10px;color:#9aa483;line-height:1.6;margin-top:4px}.toggle-button{flex-shrink:0;min-width:65px;min-height:35px;background:#e5e7d7;border:1px solid #d7dfc2;border-radius:9px;color:#9aa787;font-size:11px;font-weight:700}.toggle-button.on{background:#849e70;color:#faf7e5;border-color:#849e70}.settings-list+.section-title{margin-top:27px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.controls-grid>div{display:flex;gap:12px;align-items:center;color:#939e7c;font-size:11px}.controls-grid kbd{font-size:10px;min-width:65px;white-space:nowrap;padding:6px}.controls-grid+p{font-size:12px;line-height:1.7;max-width:680px}.settings-account{border-top:1px solid var(--line);margin-top:23px;padding-top:23px}.settings-account>p{font-size:12px;line-height:1.7;max-width:700px;margin:13px 0 20px}.guide-intro{max-width:680px;margin:0 auto 28px;text-align:center}.guide-intro h3{font-family:Georgia,serif;font-size:35px;font-weight:400;line-height:1.2;margin:12px 0 17px}.guide-intro p{font-size:13px;line-height:1.8}.guide-steps{list-style:none;padding:0;display:grid;gap:19px;max-width:780px;margin:0 auto}.guide-steps>li{display:flex;gap:20px;padding:19px 20px;background:#f2f0e0;border:1px solid #e0e3cd;border-radius:12px}.guide-steps>li>span{font-family:Georgia,serif;font-size:26px;color:#acb68e;flex-shrink:0}.guide-steps h3{font-size:20px;font-weight:400;font-family:Georgia,serif;margin:2px 0 11px}.guide-steps p{font-size:12px;line-height:1.75;margin:0}.guide-foot{max-width:780px;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:27px auto 0}.guide-foot>div{background:#e9edd6;border-radius:12px;padding:20px}.guide-foot .icon{width:26px;height:26px;color:#a2b184;margin-bottom:13px}.guide-foot strong{display:block;font-size:14px;margin-bottom:10px}.guide-foot p{font-size:11px;line-height:1.7;margin:0}.toast-region{position:fixed;right:20px;top:94px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:9px;pointer-events:none;width:min(370px,calc(100% - 40px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:14px 13px 14px 16px;background:#fff9e9f5;border:1px solid #e4e5cc;border-radius:12px;box-shadow:0 8px 26px #31462f21;backdrop-filter:blur(10px);font-size:12px;line-height:1.6;color:#7d8d69;pointer-events:auto;animation:toast-in .2s ease-out;max-width:100%}.toast>.icon{width:18px;height:18px;color:#a0b780;margin-top:2px}.toast>span{flex:1;min-width:0;overflow-wrap:anywhere}.toast.error{background:#fff1e4f5;border-color:#ebd5bb;color:#b28162}.toast.error>.icon{color:#c69b6d}.toast.quest{background:#eff3dbf5;border-color:#d3dfb8}.toast-dismiss{border:0;background:transparent;font-size:18px;line-height:1.2;padding:0 2px;margin-left:4px;color:#a4ae8a;flex-shrink:0}@keyframes toast-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.panel-open .toast-region{top:22px}.action-pending .panel-body{cursor:progress}.reduced-motion *,.reduced-motion *::before,.reduced-motion *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
.auth-switch{display:flex;flex-direction:column;gap:5px;align-items:center}.auth-switch>.button{font-size:11px;min-height:33px;padding:7px 12px}.auth-switch>small{font-size:8px;color:#98a084}.club-dot{color:#b49b5f;font-size:14px;margin-left:3px}.membership-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#a18c55;background:#eee6ca;border-radius:6px;padding:4px 7px}.membership-badge .icon{width:12px;height:12px}
@media(min-width:1500px){.hero-copy h1{font-size:86px}.landing-wrap,.site-header{max-width:1360px}.hero{min-height:680px}.hero-art{max-height:640px}.hero-copy>p{font-size:17px}.nav-dock{bottom:28px}}
@media(max-width:1150px){.site-header{padding:24px 28px}.landing-wrap{padding:0 28px}.hero{gap:26px}.hero-copy h1{font-size:62px}.hero-art{min-height:490px}.start-fields{flex-wrap:wrap}.start-fields input{max-width:none;flex:1;min-width:130px}.start-fields .button{min-width:175px;flex:1}.hero-stamp{width:85px;height:85px;right:-10px;font-size:10px}.hero-stamp strong{font-size:13px}.hero-copy>p{font-size:14px}.class-preview-grid{grid-template-columns:repeat(4,1fr)}.class-preview{flex-direction:column;text-align:center;gap:4px;padding:10px}.class-preview .merchant-portrait{width:91px}.class-preview>.icon{display:none}.class-preview-copy{align-items:center}.class-preview-copy>span{max-width:130px}.class-preview-copy strong{font-size:12px}.page-wrap{padding-inline:28px}.class-choice-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.class-choice-grid{gap:9px}.class-choice{padding:9px 5px 13px}.class-choice-name{font-size:10px;gap:3px}.class-choice-name .icon{width:12px;height:12px}.class-choice>span:last-of-type:not(.selected-tick){font-size:9px}.chosen-class{padding:20px}.class-starter-items .item-art{width:55px;height:55px}.lobby-layout{grid-template-columns:250px minmax(0,1fr);gap:23px}.entry-card{padding:20px}.entry-card h3{font-size:18px}.game-brand{padding:9px 12px 9px 9px}.game-brand strong{font-size:19px}.market-presence{padding:8px 12px}.market-presence>span{max-width:180px}.hud-level{min-width:105px;padding:8px 10px;gap:7px}.hud-level i{width:49px}.player-hud{gap:6px}.nav-dock{padding:7px 8px;gap:1px}.nav-dock button{width:60px}.interaction{bottom:108px;right:20px}.market-feed{width:220px;bottom:186px}.quest-track{width:215px}.minimap-card{width:172px}.minimap-card canvas{width:158px;height:103px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card>div{padding:16px}.collection-card h3{font-size:23px}.project-needs{grid-template-columns:repeat(3,1fr)}.event-grid{gap:12px}.event-card>div:not(.event-art){padding:16px}.event-card h3{font-size:24px}.location-card{padding:15px;gap:10px}.location-symbol{width:31px;height:31px}.location-card h3{font-size:21px}.location-items{gap:3px}.location-items>.item-art{width:26px;height:26px}.location-card>.button{right:13px;bottom:15px}.shop-goods-grid{gap:12px}.sale-item{gap:12px;padding:13px}.sale-item>.item-art{width:74px;height:74px}}
@media(max-width:900px){.desktop-only{display:none}.hero{grid-template-columns:1fr 1fr;gap:22px;align-items:center;padding-top:12px}.hero-copy h1{font-size:52px;line-height:1.05;margin:20px 0}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.1em}.hero-copy>p{font-size:13px;line-height:1.7;margin-bottom:24px}.hero-art{min-height:450px}.hero-art>img,.hero-art::after{border-radius:100px 100px 22px 22px}.hero-art-label{left:14px;right:14px;bottom:17px;gap:9px;padding:13px}.hero-art-label strong{font-size:12px}.hero-art-label span:not(.small-flower){font-size:9px}.small-flower{font-size:28px}.hero-stamp{width:75px;height:75px;top:32px}.hero-footnote{font-size:8px}.hero-link{font-size:10px;margin-top:21px}.start-fields{display:grid;gap:8px}.start-fields input,.start-fields .button{min-height:41px}.start-form label{font-size:9px}.feature-strip{padding:19px 0;gap:12px}.feature-strip>span{font-size:10px;gap:6px}.feature-strip .icon{width:17px;height:17px}.section-heading h2{font-size:33px}.class-choice-layout{grid-template-columns:1fr 263px;gap:15px}.class-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-choice .merchant-portrait{max-width:90px}.class-choice-name{font-size:12px}.chosen-class{position:sticky}.lobby-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.lobby-shop{padding-inline:17px}.lobby-shop-cover{margin-inline:-17px}.lobby-shop h2{font-size:25px}.lobby-entry-grid{gap:10px}.entry-card{padding:16px}.entry-card .button{min-width:0;width:100%;font-size:11px}.entry-card p{font-size:10px;line-height:1.6}.join-code-form{flex-wrap:wrap;gap:8px}.join-code-form label{width:100%}.join-code-form input{max-width:none;flex:1}.lobby-intro .section-heading h2{font-size:31px}.market-presence{display:none}.hud-top{gap:12px}.panel-dialog{width:calc(100% - 26px);max-height:calc(100dvh - 26px);border-radius:19px}.panel-header{padding:20px 23px 17px}.panel-header h2{font-size:26px}.panel-body{padding:22px 23px}.panel-tabs{padding:10px 19px;gap:4px}.panel-tab{font-size:11px;padding:8px 10px}.inventory-layout{grid-template-columns:minmax(0,1fr) 242px;gap:16px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inventory-item{padding:8px 6px}.inventory-item>strong{font-size:9px}.item-badges{gap:3px}.item-detail{padding:16px}.item-detail-art>.item-art{width:113px;height:113px}.item-detail h3{font-size:23px}.item-detail .input-action{gap:5px}.item-detail .input-action .button{padding:8px;font-size:10px}.stall-grid{grid-template-columns:repeat(2,1fr)}.stall-card-art{height:165px}.customer-card{gap:13px;padding:14px}.customer-card>.merchant-portrait{width:79px}.customer-card h3{font-size:21px}.customer-card p{font-size:10px}.recipe-grid{gap:12px}.recipe-card{padding:14px}.recipe-card-top{gap:10px}.recipe-card-top>.item-art{width:53px;height:53px}.recipe-card h3{font-size:14px}.ingredient>span:not(.item-art){font-size:9px}.recipe-footer{flex-wrap:wrap}.recipe-footer .button{margin-left:auto}.collection-grid{grid-template-columns:repeat(2,1fr)}.event-grid{grid-template-columns:1fr}.event-card{display:grid;grid-template-columns:190px 1fr}.event-art{height:100%;min-height:230px}.event-card>div:not(.event-art){padding:20px}.event-card h3{font-size:26px}.event-card p{margin-bottom:13px}.event-card .button{align-self:flex-start}.event-card p.fine-print{font-size:10px}.location-grid{gap:12px}.location-symbol{display:none}.location-card>.button{min-height:30px;font-size:10px}.trade-compose-sides{gap:13px}.trade-compose-sides fieldset{padding:15px}.shop-stat-grid{gap:10px}.shop-stat-grid>div{padding:13px}.shop-stat-grid>div>span{font-size:9px}.discovery-grid{grid-template-columns:repeat(5,1fr)}.club-intro>.collection-art{width:235px}.club-intro{gap:23px}.club-intro p{font-size:12px}.product-detail{gap:23px}.product-copy h3{font-size:33px}.product-contents{font-size:11px}.product-copy>p{font-size:12px}.style-preview-canvas{height:210px}.specialization-card{padding:22px}.specialization-card h3{font-size:29px}.new-shop-card{flex-wrap:wrap;gap:15px}.new-shop-card>.button{margin-left:68px}.section-title h3{font-size:21px}.shop-goods-grid{grid-template-columns:1fr}.sale-item>.item-art{width:95px;height:95px}.sale-item{padding:17px}.sale-item>div{display:grid;grid-template-columns:1fr auto;gap:0 12px}.sale-item .item-badges,.sale-item h3,.sale-item p{grid-column:1}.sale-item .sale-price{grid-column:2;grid-row:1/3;align-self:center;margin:0}.sale-item .button-row{grid-column:2;grid-row:3/5;justify-content:flex-end}.sale-item h3{margin:7px 0}}
@media(max-width:700px){body{font-size:14px}.site-header{padding:20px}.brand{font-size:23px;gap:8px}.brand-flower{width:41px;height:41px;border-radius:14px}.brand-flower .icon{width:27px;height:27px}.site-header-right{gap:10px}.identity-pill{font-size:10px;padding:6px 8px}.landing-wrap{padding:0 21px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:13px}.hero-copy{padding:0}.hero-copy>.eyebrow{font-size:9px}.hero-copy h1{font-size:57px;line-height:1.02;margin:20px 0 22px}.hero-copy h1 br:nth-of-type(2){display:none}.hero-copy>p{max-width:390px;font-size:14px;line-height:1.75;margin-bottom:24px}.start-form{max-width:none}.start-form label{font-size:10px}.start-fields{display:flex;gap:8px}.start-fields input{min-width:100px;flex:1;min-height:46px;font-size:16px}.start-fields .button{min-width:174px;flex:0;min-height:46px;font-size:11px;padding:10px 13px}.hero-footnote{font-size:9px;margin-top:12px}.hero-link{font-size:11px;margin-top:22px}.hero-art{min-height:0;height:350px;margin-top:5px}.hero-art>img,.hero-art::after{border-radius:95px 95px 20px 20px}.hero-art>img{object-position:center 58%}.hero-stamp{width:83px;height:83px;right:5px;top:22px;font-size:10px}.hero-stamp strong{font-size:13px}.hero-art-label{bottom:18px;left:18px;right:18px;gap:10px;padding:13px 15px}.hero-art-label strong{font-size:13px}.hero-art-label span:not(.small-flower){font-size:10px}.feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 9px;margin-top:4px}.feature-strip>span{font-size:10px;gap:8px}.meet-section{padding:35px 0}.section-heading h2{font-size:32px;line-height:1.1}.section-heading p{font-size:12px;line-height:1.7}.class-preview-grid{grid-template-columns:1fr 1fr;gap:11px}.class-preview{flex-direction:row;text-align:left;gap:9px;padding:9px 7px;align-items:center}.class-preview .merchant-portrait{width:62px;border-radius:10px}.class-preview-copy{align-items:flex-start}.class-preview-copy strong{font-size:11px}.class-preview-copy>span{font-size:9px}.site-footer{flex-direction:column;align-items:flex-start;font-size:9px;padding:23px 0;gap:13px}.page-wrap{padding:15px 20px 35px}.class-choice-layout{grid-template-columns:1fr}.class-choice-grid{grid-template-columns:repeat(4,1fr);gap:8px}.class-choice .merchant-portrait{width:100%;max-width:110px}.class-choice-name{font-size:9px;gap:0}.class-choice-name .icon{display:none}.class-choice>span:last-of-type:not(.selected-tick){display:none}.class-choice{padding:7px 5px 10px}.selected-tick{right:5px;top:5px;width:18px;height:18px}.selected-tick .icon{width:11px;height:11px}.chosen-class{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 21px;padding:22px;margin-top:5px}.chosen-class-top,.chosen-class>h2,.chosen-class>p{grid-column:1/-1}.chosen-class h2{font-size:32px;margin:10px 0 13px}.chosen-class>p{margin-bottom:9px}.class-starter-items{margin:14px 0}.class-starter-items .item-art{width:48px;height:48px}.specialty-preview{border:0;align-self:center;padding:14px 0}.specialty-preview>div{flex-wrap:wrap;font-size:11px;gap:5px}.chosen-class form,.chosen-class .fine-print{grid-column:1/-1}.chosen-class form{margin-top:9px}.chosen-class input{font-size:16px}.chosen-class label{font-size:11px}.chosen-class .fine-print{font-size:10px}.lobby-intro{gap:15px}.lobby-intro .section-heading h2{font-size:29px}.lobby-intro .section-heading p{font-size:11px;max-width:340px}.lobby-wallet .coin-value{font-size:21px}.lobby-wallet>span:last-child{font-size:8px}.lobby-layout{grid-template-columns:1fr}.lobby-shop{display:grid;grid-template-columns:85px 1fr;gap:0 16px;padding:16px;position:relative;overflow:visible}.lobby-shop-cover{height:112px;width:85px;grid-row:1/7;border-radius:12px;margin:0;background:#e0e6cc;overflow:hidden}.lobby-shop-cover>.merchant-portrait{width:84px;margin:0}.lobby-shop-cover>.icon{display:none}.lobby-shop>.eyebrow{font-size:8px;align-self:end}.lobby-shop>h2{font-size:25px;margin:7px 0}.lobby-shop>p{font-size:10px;margin-bottom:10px}.lobby-shop>small{font-size:9px;margin-top:6px}.lobby-shop-actions{grid-column:1/-1;display:flex;gap:9px;margin-top:17px}.lobby-shop-actions>.button{flex:1;min-height:34px;font-size:11px;padding:7px}.lobby-note{display:none}.entry-card h3{font-size:18px}.entry-card p{font-size:11px}.entry-card{padding:18px}.entry-icon{width:33px;height:33px;margin-bottom:14px}.entry-icon .icon{width:20px;height:20px}.entry-card .button{font-size:11px;min-height:38px;padding:8px 10px}.join-code-form{margin:17px 0 24px}.join-code-form label{width:auto}.join-code-form input{max-width:170px;min-width:85px;font-size:16px}.join-code-form .button{min-height:41px}.room-heading h3{font-size:17px}.room-row{gap:10px;padding:15px 0}.room-row strong{font-size:12px}.room-row div>span{font-size:10px}.room-mark{width:37px;height:37px;border-radius:10px}.connecting-screen{flex-direction:column;gap:28px;text-align:center;justify-content:center;padding:25px}.connecting-art{width:min(70vw,330px);height:280px;border-radius:85px 85px 18px 18px}.connecting-screen h1{font-size:44px;margin:15px 0 22px}.connecting-screen p{justify-content:center;font-size:12px}.connecting-screen .button{margin-top:7px}.hud-top{top:max(9px,env(safe-area-inset-top));left:10px;right:10px;gap:7px}.game-brand{gap:6px;padding:8px 10px 8px 7px;border-radius:12px}.game-brand-mark{width:28px;height:28px;border-radius:9px}.game-brand-mark .icon{width:21px;height:21px}.game-brand strong{font-size:17px}.market-location{font-size:8px;margin-top:4px;gap:3px}.market-location .icon{width:9px;height:9px}.player-hud{gap:5px}.hud-wallet,.hud-level{min-height:47px;border-radius:11px;padding:8px}.hud-wallet{gap:4px}.hud-wallet .icon{width:17px;height:17px}.hud-wallet strong{font-size:17px}.hud-level{min-width:70px;gap:6px}.hud-level>span{width:24px;height:24px;border-radius:7px}.hud-level>span>.icon{width:15px;height:15px}.hud-level>div strong{font-size:9px;white-space:nowrap}.hud-level i{width:38px;height:3px}.hud-menu{display:none}.quest-track{left:11px;top:79px;width:207px}.quest-track-button{padding:11px 12px;gap:5px;border-radius:11px}.quest-track-button>.eyebrow{font-size:7px;letter-spacing:.08em}.quest-track-button .eyebrow>.icon{width:11px;height:11px}.quest-track-button strong{font-size:11px}.quest-track-detail{font-size:9px;line-height:1.4}.quest-track-progress{height:3px;margin-top:2px}.minimap-card,.market-feed{display:none}.nav-dock{bottom:max(11px,env(safe-area-inset-bottom));left:10px;right:10px;transform:none;justify-content:space-between;gap:1px;border-radius:15px;padding:6px}.nav-dock button{flex:1;min-width:0;width:auto;height:50px;gap:4px}.nav-dock .icon{width:21px;height:21px}.nav-dock button>span{font-size:8px;white-space:nowrap}.nav-dock .notification-dot{right:8px;top:4px}.interaction{right:13px;bottom:197px;max-width:205px}.interact-prompt{padding:9px 10px;gap:8px;border-radius:11px;max-width:205px}.interact-prompt>kbd{min-width:24px;font-size:10px;padding:3px 4px}.interact-prompt strong{font-size:10px}.interact-prompt small{font-size:8px}.interact-prompt>.icon{width:12px;height:12px;margin:0}.walk-hint{font-size:8px;padding:8px 10px;max-width:190px}.touch-controls{display:flex;bottom:89px;left:20px;right:20px}.route-status{top:191px;max-width:calc(100% - 25px);font-size:10px;padding:6px 7px 6px 10px;border-radius:9px}.route-status>span{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-status{top:70px;font-size:10px}.panel-dialog{width:calc(100% - 16px);max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - env(safe-area-inset-bottom));border-radius:17px}.panel-header{padding:18px 17px 16px;gap:12px}.panel-header .eyebrow{font-size:8px}.panel-header h2{font-size:25px;margin-top:8px;max-width:310px}.panel-close{width:31px;height:31px;font-size:24px;border-radius:9px}.panel-body{padding:19px 17px 24px}.panel-tabs{gap:2px;padding:9px 12px}.panel-tab{font-size:10px;padding:8px 11px;border-radius:7px;min-height:36px}.section-title{gap:12px;margin-bottom:19px}.section-title h3{font-size:21px}.section-title p{font-size:11px;line-height:1.6}.section-title>.button{max-width:135px;font-size:10px;padding:7px 9px}.section-title>.icon{width:25px;height:25px}.section-title>.subtle-label{font-size:10px;max-width:130px;text-align:right}.place-note{padding:10px 11px;gap:8px;font-size:10px;margin-bottom:19px}.place-note>.icon{width:15px;height:15px}.place-note>.button{font-size:10px;padding:7px 9px;min-height:32px;white-space:nowrap}.end-note{padding:14px;gap:10px;flex-wrap:wrap;font-size:10px}.end-note>span{min-width:180px}.end-note>.icon{width:20px;height:20px}.end-note>.button{margin-left:30px}.inventory-toolbar{align-items:flex-start;gap:9px;margin-bottom:14px;flex-direction:column}.inventory-toolbar>div{justify-content:space-between;width:100%}.inventory-toolbar strong{font-size:13px}.inventory-toolbar div>span{font-size:10px}.search-field{max-width:none;width:100%;border-radius:8px}.search-field input{font-size:16px;padding:8px 10px 8px 0}.filter-row{gap:5px;margin-bottom:16px}.filter-button{font-size:10px;padding:7px 10px}.inventory-layout{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.inventory-item{padding:7px 6px 8px;border-radius:10px}.inventory-item>strong{font-size:9px;min-height:26px}.inventory-item>.item-art{max-width:94px;margin-bottom:7px}.inventory-item>.item-badges{justify-content:center}.rarity,.quality{font-size:7px}.item-bottom{font-size:7px}.item-detail{position:static;padding:20px;min-height:0;display:grid;grid-template-columns:100px 1fr;gap:0 17px}.item-detail-art{grid-column:1;grid-row:1/5;align-self:start;padding:0}.item-detail-art>.item-art{width:100px;height:100px;border-radius:12px}.item-detail>.item-badges,.item-detail>h3,.item-detail>p{grid-column:2}.item-detail>.item-badges{margin-top:4px}.item-detail h3{font-size:25px;margin:9px 0}.item-detail>p{font-size:10px;line-height:1.6;margin-bottom:17px}.item-detail>.condition-row,.item-detail>.condition-bar,.item-detail>.appraisal,.item-detail>.status-tag,.item-detail>.item-actions,.item-detail>.item-story{grid-column:1/-1}.condition-row{margin-top:8px}.item-detail>.appraisal{margin-bottom:12px}.item-actions{grid-template-columns:1fr 1fr;gap:10px}.item-actions>.button{font-size:11px;padding:9px 11px}.listing-form{grid-column:1/-1;padding:5px 0 7px}.listing-form input{font-size:16px}.listing-form .button{min-height:41px;font-size:12px;padding:10px 15px}.item-actions>.fine-print{grid-column:1/-1}.detail-placeholder{min-height:130px;grid-column:1/-1}.detail-placeholder>.icon{width:33px;height:33px}.detail-placeholder h3{font-size:25px;margin:10px 0}.detail-placeholder h3 br{display:none}.detail-placeholder p{max-width:300px;margin:0}.recipe-grid{grid-template-columns:1fr}.recipe-card{padding:17px}.recipe-card-top>.item-art{width:60px;height:60px}.recipe-card h3{font-size:17px}.recipe-card .eyebrow{font-size:9px}.recipe-card>p{font-size:11px}.ingredient-list{grid-template-columns:1fr 1fr;gap:7px}.ingredient{gap:5px;padding:5px}.ingredient>.item-art{width:25px;height:25px}.ingredient>span:not(.item-art){font-size:9px;line-height:1.3}.ingredient>strong{font-size:9px}.recipe-footer>span{font-size:10px}.recipe-footer .button{min-height:36px;font-size:11px}.good-row{gap:10px;padding:11px}.good-row>.item-art{width:47px;height:47px;border-radius:9px}.good-description>strong{font-size:11px}.good-description>span{font-size:9px}.good-row>.coin-value{font-size:11px;margin:0}.good-row>.coin-value .icon{width:13px;height:13px}.good-row>.button{font-size:10px;padding:8px 9px;min-height:35px}.good-row>.button>.icon{width:13px;height:13px}.stall-grid{gap:12px}.stall-card-art{height:130px}.stall-card-art>.merchant-portrait{width:104px;height:139px;bottom:-5px}.stall-card-copy{padding:14px}.stall-card-copy>.eyebrow{font-size:7px;line-height:1.5}.stall-card-copy h3{font-size:20px;line-height:1.15}.stall-card-copy p{font-size:9px;margin-bottom:12px}.stall-preview-items{gap:3px;min-height:30px;margin-bottom:13px}.stall-preview-items>.item-art{width:27px;height:27px;border-radius:6px}.stall-card-bottom>span{font-size:9px}.stall-card-bottom>.button{font-size:9px;min-height:31px;padding:6px 8px}.stall-card-bottom>.button>.icon{width:12px;height:12px}.stall-preview-items .subtle-label{font-size:9px}.stall-card-art>.status-tag{top:8px;left:8px;font-size:8px;padding:4px 6px}.seller-intro{gap:15px;flex-wrap:wrap;margin-bottom:19px}.seller-intro>.merchant-portrait{width:73px;border-radius:11px}.seller-intro>div{min-width:190px}.seller-intro h3{font-size:28px;margin:8px 0}.seller-intro .eyebrow{font-size:8px}.seller-intro p{font-size:11px;line-height:1.6}.seller-intro>.button{margin-left:88px}.sale-item{gap:13px;padding:13px}.sale-item>.item-art{width:75px;height:75px;border-radius:11px}.sale-item>div{display:block}.sale-item h3{font-size:16px}.sale-item .button-row{margin-top:12px}.sale-item .sale-price{font-size:16px;margin-top:9px}.sale-item p{font-size:9px}.sale-item .button-row>.button{font-size:10px;padding:6px 9px;min-height:33px}.supply-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supply-card{display:flex;flex-direction:column;align-items:stretch;padding:12px;gap:9px}.supply-card>.item-art{width:80px;height:80px;align-self:center;border-radius:11px}.supply-card strong{font-size:11px;min-height:30px}.supply-card div>span:not(.coin-value){font-size:8px;margin-bottom:9px;min-height:13px}.supply-card-bottom>.button{font-size:9px;padding:6px 7px;min-height:30px}.supply-card-bottom .coin-value{font-size:12px}.customer-grid{grid-template-columns:1fr}.customer-card{padding:16px;gap:17px}.customer-card>.merchant-portrait{width:83px}.customer-card .eyebrow{font-size:8px}.customer-card h3{font-size:24px}.customer-card p{font-size:11px;line-height:1.6}.npc-intro{padding:17px;gap:16px;align-items:flex-start;border-radius:13px}.npc-intro>.merchant-portrait{width:76px;border-radius:11px}.npc-intro h3{font-size:26px;margin:7px 0 12px}.npc-intro .eyebrow{font-size:8px;line-height:1.4}.npc-intro blockquote{font-size:14px;line-height:1.65}.npc-intro .button{font-size:10px;min-height:32px}.trade-card{padding:17px}.trade-card-top h3{font-size:22px}.trade-card-top .eyebrow{font-size:8px}.trade-card-top .status-tag{font-size:8px}.trade-sides{grid-template-columns:1fr 21px 1fr;gap:8px}.trade-sides>div{padding:11px;min-width:0}.trade-sides>div>.eyebrow{font-size:8px}.trade-arrow .icon{width:18px;height:18px}.trade-contents>span{font-size:9px;gap:6px;align-items:flex-start}.trade-contents>span>.item-art{width:28px;height:28px;border-radius:6px}.trade-contents small{font-size:7px;line-height:1.4}.trade-coins{font-size:12px}.trade-card .button-row>.button{font-size:10px;min-height:35px;padding:8px 11px}.trade-compose-sides{grid-template-columns:1fr}.trade-form-intro{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:20px}.trade-form-intro select{font-size:16px}.trade-compose-sides legend{font-size:18px}.coin-input{font-size:12px}.coin-input input{font-size:16px}.trade-picker{max-height:230px}.trade-pick>span:not(.item-art){font-size:11px}.trade-review-note{font-size:10px;gap:9px}.trade-review-note>.icon{width:22px;height:22px}.order-card{padding:13px;gap:11px;align-items:flex-start}.order-card>.item-art{width:53px;height:53px;border-radius:10px}.order-copy .eyebrow{font-size:7px}.order-copy h3{font-size:15px;margin:6px 0}.order-copy p{font-size:9px}.order-copy>.subtle-label{font-size:8px;line-height:1.4}.order-actions{max-width:105px;gap:5px}.order-actions .coin-value{font-size:17px}.order-actions .fine-print{font-size:8px;line-height:1.4}.order-actions .button{font-size:8px;padding:6px 7px;min-height:30px}.order-actions .button .icon{width:12px;height:12px}.commission-form-wrap{padding:15px}.commission-form-wrap summary{font-size:12px}.commission-form input,.commission-form select{font-size:16px}.quest-card{padding:17px}.quest-card-top{gap:10px}.quest-card-top h3{font-size:24px}.quest-card .eyebrow{font-size:8px;letter-spacing:.08em}.quest-state{font-size:8px;gap:4px;white-space:normal;text-align:right;justify-content:flex-end;min-width:67px}.quest-state .icon{width:13px;height:13px}.quest-card>p{font-size:11px;line-height:1.75}.quest-quote{font-size:14px;line-height:1.6;padding-left:12px}.quest-objectives li{padding:9px;font-size:10px}.quest-objectives li>span{gap:6px}.quest-objectives .icon{width:12px;height:12px}.quest-objectives strong{font-size:9px}.quest-card-bottom{flex-wrap:wrap;gap:14px}.quest-rewards{gap:12px;font-size:9px}.quest-card-bottom>.button{margin-left:auto}.quest-card-bottom>.subtle-label{font-size:10px}.chapter-complete{padding:20px}.chapter-complete h3{font-size:29px}.chapter-complete p{font-size:14px;line-height:1.8}.shop-overview{gap:18px;margin-bottom:21px}.shop-overview-portrait>.merchant-portrait{width:88px;border-radius:14px}.level-medallion{width:31px;height:31px;font-size:12px;border-width:3px;right:-8px}.shop-overview-copy h3{font-size:28px;line-height:1.1;margin:10px 0 12px}.shop-overview-copy .eyebrow{font-size:8px;line-height:1.4}.shop-overview-copy p{font-size:10px;line-height:1.6}.xp-heading{font-size:8px;gap:8px;margin-top:12px}.shop-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shop-stat-grid>div{padding:15px}.shop-stat-grid>div>span{font-size:10px}.shop-stat-grid strong{font-size:26px}.milestone-list>div{gap:10px;padding:11px}.milestone-list strong{font-size:11px}.milestone-list div>span:not(.milestone-level){font-size:9px;line-height:1.5}.milestone-level{width:28px;height:28px;font-size:11px}.milestone-list .item-art{width:36px;height:36px;border-radius:7px}.milestone-list .button{font-size:9px;padding:6px 9px;min-height:31px;max-width:83px}.rename-shop input{font-size:16px;min-width:0}.rename-shop .button{font-size:11px;max-width:100px}.owned-shop{gap:13px;padding:13px}.owned-shop>.merchant-portrait{width:60px}.owned-shop h3{font-size:22px;margin:7px 0}.owned-shop .eyebrow{font-size:8px}.owned-shop p{font-size:9px}.owned-shop>.button{max-width:95px;font-size:9px;padding:7px}.owned-shop>.status-tag{font-size:8px;padding:5px 7px}.new-shop-card{padding:18px;gap:14px}.new-shop-card>span{width:38px;height:38px;border-radius:12px}.new-shop-card>span .icon{width:22px;height:22px}.new-shop-card>div{min-width:190px}.new-shop-card h3{font-size:23px}.new-shop-card p{font-size:10px}.new-shop-card>.button{margin-left:52px;min-height:36px;font-size:11px}.upgrade-grid,.specialization-grid{grid-template-columns:1fr;gap:14px}.upgrade-card{padding:21px}.upgrade-icon{width:41px;height:41px;margin-bottom:15px}.upgrade-card h3{font-size:27px}.upgrade-card p{font-size:12px;min-height:0}.upgrade-steps{margin:18px 0}.upgrade-bottom>span{font-size:11px}.specialization-card{padding:23px}.specialization-symbol{width:53px;height:53px;border-radius:14px;margin-bottom:18px}.specialization-symbol .icon{width:28px;height:28px}.specialization-card h3{font-size:32px}.specialization-card p{font-size:12px}.specialization-card ul{font-size:11px}.free-styles{grid-template-columns:1fr;gap:10px}.free-style{padding:13px}.free-style strong{font-size:12px}.free-style small{font-size:10px}.collection-grid{gap:12px}.collection-card>div{padding:15px}.collection-card .eyebrow{font-size:7px;letter-spacing:.07em}.collection-card h3{font-size:23px}.collection-card p{font-size:10px;line-height:1.7;margin-bottom:16px}.collection-card-bottom{flex-wrap:wrap;gap:11px}.collection-card-bottom>strong{font-size:11px}.collection-card-bottom>.button{margin-left:auto;font-size:10px;min-height:31px;padding:6px 8px}.collection-card-bottom>.button .icon{width:12px;height:12px}.collection-invitation{gap:16px;padding:17px;align-items:flex-start}.collection-invitation>.collection-art{width:100px;align-self:center;border-radius:10px}.collection-invitation h3{font-size:25px}.collection-invitation .eyebrow{font-size:8px;line-height:1.4}.collection-invitation p{font-size:10px;line-height:1.7}.collection-invitation .button{font-size:10px;padding:8px 10px;min-height:33px}.keepsake-row{gap:8px}.keepsake{font-size:10px;padding:9px 11px}.product-detail{grid-template-columns:1fr;gap:22px}.product-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.product-visual>.collection-art{border-radius:12px}.style-preview-canvas{height:100%;min-height:140px;max-height:220px;border-radius:12px;margin:0}.product-copy{padding:0}.product-copy h3{font-size:35px;margin:13px 0 17px}.product-copy>p{font-size:12px}.product-contents{font-size:11px;grid-template-columns:1fr 1fr;gap:10px 18px;width:100%}.product-contents>li{align-items:flex-start;line-height:1.5}.product-contents .icon{margin-top:2px}.product-price{font-size:28px}.product-actions{margin-top:21px}.discovery-grid{grid-template-columns:repeat(4,1fr);gap:8px}.discovery-item{padding:7px 5px;border-radius:9px}.discovery-item>strong{font-size:8px;min-height:23px}.discovery-item>span:last-child{font-size:7px}.compact-select{font-size:11px;gap:10px}.compact-select>select{font-size:16px;min-width:160px;max-width:230px}.club-intro{gap:18px;align-items:flex-start}.club-intro>.collection-art{width:115px;border-radius:12px}.club-intro h3{font-size:29px;margin:9px 0 14px}.club-intro .eyebrow{font-size:8px;line-height:1.4}.club-intro p{font-size:11px;line-height:1.7}.club-intro .status-tag{font-size:8px}.project-hero{padding:17px;gap:14px;align-items:flex-start}.project-mark{width:42px;height:42px;border-radius:13px}.project-mark .icon{width:25px;height:25px}.project-hero .eyebrow{font-size:8px}.project-hero h3{font-size:25px;margin:8px 0 11px}.project-hero p{font-size:11px;line-height:1.7}.project-hero>strong{font-size:22px;white-space:nowrap}.project-needs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.project-needs>div{padding:12px 9px}.project-needs>div>span:first-child{font-size:8px;line-height:1.5;gap:4px}.project-needs>div .icon{width:12px;height:12px}.project-needs>div>span:nth-child(2){font-size:22px;margin:7px 0}.contributor-list>span{font-size:10px;padding:9px 10px;gap:5px}.contributor-list>span>span{font-size:8px}.event-card{grid-template-columns:105px 1fr}.event-art{min-height:250px;padding:13px}.event-art .icon{width:45px;height:45px}.event-art>span{font-size:8px;line-height:1.5}.event-card>div:not(.event-art){padding:18px}.event-card h3{font-size:26px;line-height:1.1;margin:10px 0 14px}.event-card p{font-size:10px;line-height:1.75}.event-card p.fine-print{font-size:9px;line-height:1.7}.event-card .button{font-size:10px;padding:8px 10px;min-height:35px}.score-table{font-size:11px}.score-table th,.score-table td{padding:13px 11px}.score-table thead{font-size:8px}.score-table td:first-child{width:41px}.score-table td .icon{width:16px;height:16px}.score-table small{font-size:7px;display:block;margin:3px 0 0}.flip-summary{gap:9px;margin-bottom:18px}.flip-summary>span{padding:12px;font-size:8px}.flip-summary strong{font-size:23px}.theme-default{padding:15px;gap:12px}.theme-default>.icon{width:24px;height:24px}.theme-default strong{font-size:12px}.theme-default span{font-size:10px;line-height:1.5}.theme-default>.button{font-size:10px;padding:7px 9px;min-height:32px}.map-intro{gap:16px;align-items:flex-start}.map-intro h3{font-size:24px}.map-intro p{font-size:11px;line-height:1.7}.map-intro>.button{font-size:10px;padding:8px 11px;min-height:34px;min-width:90px}.location-grid{grid-template-columns:1fr;gap:11px}.location-card{padding:17px;gap:12px}.location-symbol{display:grid;width:35px;height:35px}.location-card h3{font-size:24px}.location-card p{font-size:11px;line-height:1.7;max-width:350px}.location-card .eyebrow{font-size:8px}.location-items{gap:5px;padding-right:75px}.location-items>.item-art{width:31px;height:31px;border-radius:7px}.location-card>.button{font-size:10px;min-height:33px;right:16px;bottom:18px}.utility-locations{grid-template-columns:1fr;gap:10px}.utility-location{padding:15px;gap:13px}.utility-location strong{font-size:12px}.utility-location small{font-size:10px}.emote-grid{grid-template-columns:repeat(3,1fr);gap:11px}.emote-button{padding:20px 10px;gap:13px;font-size:10px}.emote-button .icon{width:31px;height:31px}.more-grid{grid-template-columns:1fr;gap:10px}.more-link{padding:15px;gap:13px}.more-link strong{font-size:13px}.more-link small{font-size:10px}.more-link>span:first-child{width:38px;height:38px;border-radius:11px}.more-link>span .icon{width:22px;height:22px}.more-footer{flex-wrap:wrap;gap:12px;margin-top:19px;padding-top:19px}.more-footer>div{margin-right:0;flex:1}.more-footer .market-code{font-size:21px}.more-footer>.button{font-size:10px;padding:8px 10px}.more-footer .button.quiet{margin-left:auto}.settings-list>div{padding:15px;gap:13px}.settings-list strong{font-size:12px}.settings-list small{font-size:9px;line-height:1.7}.settings-list>div>span{padding-left:29px}.settings-list>div>span>.icon{width:19px;height:19px}.toggle-button{min-width:56px;min-height:35px;font-size:10px}.controls-grid{gap:11px;grid-template-columns:1fr 1fr}.controls-grid>div{font-size:9px;gap:8px;align-items:flex-start}.controls-grid kbd{min-width:48px;font-size:8px;padding:5px}.controls-grid+p{font-size:11px;line-height:1.8}.settings-account>p{font-size:11px}.settings-account .button{font-size:10px;padding:8px 11px}.guide-intro h3{font-size:31px;margin:12px 0 18px}.guide-intro p{font-size:12px;line-height:1.8}.guide-steps{gap:13px}.guide-steps>li{padding:17px;gap:13px}.guide-steps>li>span{font-size:23px}.guide-steps h3{font-size:21px;line-height:1.25}.guide-steps p{font-size:11px;line-height:1.85}.guide-foot{gap:12px;margin-top:20px}.guide-foot>div{padding:16px}.guide-foot .icon{width:23px;height:23px}.guide-foot strong{font-size:12px}.guide-foot p{font-size:10px;line-height:1.7}.toast-region{right:12px;top:74px;width:min(330px,calc(100% - 24px));gap:7px}.toast{font-size:11px;padding:12px;gap:8px;border-radius:11px}.toast>.icon{width:15px;height:15px}.toast-dismiss{min-width:22px;min-height:22px;line-height:1;font-size:20px}.panel-open .toast-region{top:12px}.form-stack input,.form-stack select{font-size:16px}.form-stack .section-heading h2{font-size:30px}.form-stack .section-heading p{font-size:12px}.form-stack .button{font-size:12px;min-height:43px}.check-label>input{width:20px;height:20px}.check-label small{font-size:10px}}
@media(max-width:380px){.site-header{padding:18px 16px}.landing-wrap{padding-inline:17px}.hero-copy h1{font-size:51px}.hero-copy>p{font-size:13px}.start-fields .button{min-width:155px;font-size:10px;padding:9px 10px;gap:6px}.start-fields .button>.icon{width:15px;height:15px}.hero-art{height:310px}.feature-strip{padding-inline:4px}.class-preview{gap:6px;padding:8px 5px}.class-preview .merchant-portrait{width:53px}.class-preview-copy strong{font-size:10px}.class-preview-copy>span{font-size:8px}.page-wrap{padding-inline:16px}.class-choice-grid{gap:6px}.class-choice-name{font-size:8px}.chosen-class{padding:18px;gap:0 14px}.class-starter-items{gap:5px}.class-starter-items .item-art{width:40px;height:40px}.class-starter-items div>span:not(.item-art){font-size:8px}.specialty-preview>.eyebrow{font-size:8px}.specialty-preview>div{font-size:10px}.lobby-wallet{display:none}.entry-card{padding:14px}.entry-card h3{font-size:16px}.entry-card p{font-size:10px}.entry-card .button{font-size:10px;padding:8px}.join-code-form{padding:13px}.join-code-form label{width:100%}.join-code-form input{max-width:none}.game-brand strong{font-size:15px}.game-brand-mark{width:25px;height:25px;border-radius:8px}.game-brand-mark>.icon{width:19px;height:19px}.game-brand{padding:8px 8px 8px 6px;gap:5px}.hud-level>span{display:none}.hud-level{min-width:52px}.hud-wallet{padding:8px 7px}.hud-wallet strong{font-size:16px}.hud-wallet .icon{width:15px;height:15px}.market-location{font-size:7px}.quest-track{width:189px}.nav-dock button>span{font-size:7px}.nav-dock .icon{width:19px;height:19px}.touch-controls{left:17px;right:17px}.touch-stick{width:98px;height:98px}.touch-interact{width:61px;height:61px}.touch-bag{width:39px;height:39px}.touch-actions{gap:9px}.interaction{bottom:187px;right:12px;max-width:190px}.interact-prompt{max-width:190px;padding:8px;gap:6px}.interact-prompt strong{font-size:9px}.interact-prompt small{font-size:7px}.interact-prompt>.icon{display:none}.panel-body{padding:17px 13px 21px}.panel-header{padding:17px 14px 15px}.panel-header h2{font-size:22px}.panel-header .eyebrow{font-size:7px}.panel-tabs{padding:8px 9px}.panel-tab{font-size:9px;padding:7px 10px}.inventory-grid{grid-template-columns:repeat(3,1fr)}.inventory-item>strong{font-size:9px}.inventory-item>.item-art{max-width:86px}.item-detail{padding:16px;grid-template-columns:81px 1fr;gap:0 13px}.item-detail-art>.item-art{width:81px;height:81px}.item-detail h3{font-size:23px}.item-detail>p{font-size:9px}.item-actions>.button{font-size:10px;gap:6px;padding:8px}.item-actions>.button>.icon{width:15px;height:15px}.stall-grid{gap:10px}.stall-card-copy{padding:12px}.stall-card-copy h3{font-size:18px}.stall-card-copy>.eyebrow{font-size:6px}.stall-card-art{height:119px}.stall-preview-items>.item-art{width:23px;height:23px}.stall-card-bottom{flex-wrap:wrap;gap:9px}.stall-card-bottom>.button{margin-left:auto}.good-row{gap:7px;padding:10px}.good-row>.item-art{width:40px;height:40px}.good-description>strong{font-size:10px}.good-description>span{font-size:8px}.good-row>.button{font-size:9px;padding:7px}.good-row>.coin-value{font-size:10px}.npc-intro{padding:14px;gap:13px}.npc-intro>.merchant-portrait{width:60px}.npc-intro h3{font-size:25px}.npc-intro blockquote{font-size:13px}.recipe-card{padding:14px}.recipe-card h3{font-size:16px}.ingredient-list{gap:5px}.ingredient>span:not(.item-art){font-size:8px}.ingredient>.item-art{width:22px;height:22px}.trade-sides{gap:5px;grid-template-columns:1fr 18px 1fr}.trade-sides>div{padding:9px}.trade-contents>span{flex-wrap:wrap;font-size:9px}.order-card{gap:9px;padding:11px}.order-card>.item-art{width:42px;height:42px}.order-copy h3{font-size:14px}.order-actions{max-width:91px}.order-actions .button{font-size:8px;gap:4px}.order-actions .coin-value{font-size:15px}.collection-grid{gap:10px}.collection-card>div{padding:12px}.collection-card h3{font-size:21px}.collection-card p{font-size:9px}.collection-card .eyebrow{font-size:6px}.collection-card-bottom>strong{font-size:10px}.collection-invitation>.collection-art{width:80px}.collection-invitation{gap:13px;padding:15px}.collection-invitation h3{font-size:23px}.collection-invitation p{font-size:9px}.discovery-grid{grid-template-columns:repeat(3,1fr)}.product-contents{font-size:10px;gap:9px 12px}.project-hero{padding:14px;gap:10px}.project-mark{width:32px;height:32px;border-radius:10px}.project-mark>.icon{width:21px;height:21px}.project-hero h3{font-size:23px}.project-hero>strong{font-size:19px}.project-needs{gap:7px}.project-needs>div>span:first-child{font-size:7px}.project-needs>div .icon{display:none}.event-card{grid-template-columns:80px 1fr}.event-art{padding:11px}.event-art .icon{width:35px;height:35px}.event-art>span{font-size:7px}.event-card>div:not(.event-art){padding:15px}.event-card h3{font-size:24px}.event-card .eyebrow{font-size:7px}.event-card .button{font-size:9px;padding:8px 9px}.score-table th,.score-table td{padding:12px 8px}.score-table{font-size:10px}.score-table thead{font-size:7px}.location-card{padding:15px;gap:10px}.location-symbol{width:29px;height:29px;border-radius:9px}.location-symbol>.icon{width:18px;height:18px}.location-card h3{font-size:22px}.location-card p{font-size:10px}.location-items>.item-art{width:25px;height:25px}.map-intro h3{font-size:23px}.map-intro>.button{min-width:77px;padding:8px;font-size:9px}.more-footer .button{font-size:9px;padding:7px 9px}.club-intro>.collection-art{width:87px}.club-intro{gap:15px}.club-intro h3{font-size:27px}.club-intro p{font-size:10px}.guide-intro h3{font-size:29px}.guide-steps>li{padding:15px;gap:11px}.guide-steps>li>span{font-size:21px}.guide-steps h3{font-size:20px}.guide-steps p{font-size:10px}.guide-foot>div{padding:14px}.guide-foot p{font-size:9px}}
@media(pointer:coarse){input,select,textarea{font-size:16px}.touch-controls{display:flex}.button{min-height:44px}.button.small{min-height:39px}.icon-button{min-width:40px;min-height:40px}.panel-close{min-width:36px;min-height:36px}.filter-button{min-height:37px}.panel-tab{min-height:38px}.trade-pick{min-height:48px}.toggle-button{min-height:40px}.toast-dismiss{min-width:28px;min-height:28px}.minimap-card{display:none}.market-feed{bottom:240px}.interaction{bottom:225px}.nav-dock{bottom:max(16px,env(safe-area-inset-bottom))}.touch-controls{bottom:111px}.panel-open .touch-controls{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Keep essential text comfortable on narrow screens, even in a full bag. */
.class-choice-subtitle{font-size:10px;color:var(--muted);line-height:1.4;max-width:120px}
@media(max-width:700px){.class-choice-subtitle{display:none}}
@media(max-width:700px){.panel-body p:not(.fine-print){font-size:12px}.panel-body .fine-print{font-size:11px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-item>strong{font-size:11px;min-height:31px}.inventory-item .item-bottom{font-size:9px}.inventory-item .rarity,.inventory-item .quality{font-size:9px}.good-description>strong,.supply-card strong{font-size:12px}.good-description>span{font-size:11px}.ingredient>span:not(.item-art),.ingredient>strong{font-size:11px}.ingredient{gap:7px;min-height:38px}.ingredient-list{grid-template-columns:1fr}.quest-objectives li{font-size:12px}.quest-objectives strong{font-size:11px}.quest-rewards{font-size:11px}.trade-contents>span{font-size:11px}.trade-contents small{font-size:10px}.trade-pick>span:not(.item-art){font-size:12px}.trade-pick small{font-size:11px}.collection-card p{font-size:12px}.collection-card-bottom>strong{font-size:12px}.discovery-item>strong{font-size:10px;min-height:30px}.discovery-item>span:last-child{font-size:9px}.more-link small{font-size:11px}.controls-grid>div{font-size:11px}.controls-grid{grid-template-columns:1fr}.controls-grid kbd{font-size:10px;min-width:65px}.auth-switch{max-width:165px}.auth-switch>.button{font-size:10px;padding:7px 9px;min-height:33px;gap:6px}.auth-switch>.button .icon{width:14px;height:14px}.auth-switch>small{font-size:8px;text-align:center;line-height:1.45}.site-header-right:has(.auth-switch){gap:8px}.site-header-right:has(.auth-switch)>.icon-button{width:31px;height:31px;min-width:31px;min-height:31px}}
@media(max-width:520px){.class-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.class-choice{padding:10px 8px 12px;flex-direction:row;gap:9px;justify-content:flex-start}.class-choice .merchant-portrait{width:52px;max-width:52px;margin:0;border-radius:9px}.class-choice-name{font-size:11px;line-height:1.4;text-align:left;word-break:normal}.selected-tick{width:16px;height:16px;right:6px;top:6px}.selected-tick .icon{width:10px;height:10px}.class-choice>span:last-of-type:not(.selected-tick){display:none}}
@media(max-width:380px){.auth-switch{max-width:136px}.auth-switch>.button{font-size:9px;padding:7px}.auth-switch>.button .icon{display:none}.auth-switch>small{font-size:7px}.class-choice .merchant-portrait{width:43px;max-width:43px}.class-choice-name{font-size:10px}.class-choice{gap:7px}.panel-body .order-copy>p{font-size:10px}.panel-body .event-card p{font-size:11px}.panel-body .trade-contents>span{font-size:10px}.panel-body .trade-contents small{font-size:9px}}

/* Sunday Swap illustrated edition — stitched market tags, painted wood,
   brass fittings, and the sunny / lantern / retro palette of the concept art. */
:root {
  --paper: #fff5df;
  --cream: #f3dfb8;
  --ink: #472f20;
  --muted: #765a40;
  --sage: #537c4c;
  --sage-dark: #2e634f;
  --sage-light: #e4edcf;
  --coral: #c85e3b;
  --coral-dark: #a83f29;
  --gold: #e4b354;
  --line: #d8ba85;
  --white: #fffaf0;
  --wood: #75482d;
  --wood-dark: #4d2e21;
  --brass: #b7803e;
  --midnight: #392941;
  --cobalt: #254b9e;
  --shadow: 0 14px 38px #4d2e212c;
}
body { background: #f6e7c9; color: var(--ink); }
h1, h2, h3 { color: var(--ink); }
p, small, .fine-print, .subtle-label { color: var(--muted); }
button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible {
  outline: 3px solid #246d70;
  outline-offset: 4px;
}
input, select, textarea {
  color: var(--ink);
  background-color: #fffcf2;
  border-color: #bd9b67;
  box-shadow: inset 0 2px 3px #75512d10;
}
input::placeholder, textarea::placeholder { color: #8b7357; opacity: 1; }
.illustrated-icon {
  display: inline-block;
  background-repeat: no-repeat;
  filter: drop-shadow(0 1px 0 #58311d28);
  vertical-align: middle;
}
.vector-icon { stroke-width: 2; }
.button {
  background: #fff0cf;
  border: 1px solid #b17a42;
  border-bottom-width: 3px;
  border-radius: 12px;
  color: #604025;
  box-shadow: inset 0 1px 0 #fffdf5, 0 2px 4px #55361f10;
  font-weight: 800;
}
.button:hover:not(:disabled) { background: #ffe7b6; border-color: #956137; }
.button:active:not(:disabled) { transform: translateY(1px); box-shadow: inset 0 1px 3px #6c432627; }
.button.coral {
  background: #bc4f31;
  border-color: #843720;
  color: #fff8e8;
  box-shadow: inset 0 1px 0 #e99367, 0 2px 4px #55361f15;
}
.button.coral:hover:not(:disabled) { background: #a94128; border-color: #78301e; }
.button.quiet { background: #f6e9cd; border-color: #cab085; color: #655033; }
.button:disabled { opacity: .68; box-shadow: none; }
.icon-button { border-color: #cfad76; background: #fff2d7; color: #66432a; }
.icon-button:hover:not(:disabled) { background: #f3d79f; color: #4b2e1c; }
.text-link { color: #2c6354; font-weight: 800; }
.eyebrow { color: #856033; font-weight: 800; letter-spacing: .12em; }
.eyebrow .icon { width: 20px; height: 20px; }
.coin-value { color: #754817; font-variant-numeric: tabular-nums; }
.coin-value .icon { width: 24px; height: 24px; }
.live-dot { background: #3f7b48; box-shadow: 0 0 0 4px #3f7b481c; }
.status-tag { color: #72573a; background: #eee0c3; border: 1px solid #d0b68a; }
.status-tag.ready, .status-tag.online { background: #e4edce; color: #285b3f; border-color: #95b278; }
.inline-error { background: #fff0df; color: #9b362a; border-color: #d58d6f; }

/* The same tangible market tag frames both the entrance and the in-game HUD. */
.site-header { border-bottom-color: #d6b681; }
.brand { color: #ae422a; letter-spacing: -.045em; }
.brand-flower, .game-brand-mark {
  background: #f1cf84;
  border: 1px solid #b77e3e;
  box-shadow: inset 0 1px 0 #fff1c4, 0 2px 0 #9e68382b;
  color: #774628;
}
.brand-flower .icon { width: 38px; height: 38px; }
.brand-dot { color: #2e6b5b; }
.identity-pill { color: #5d482e; border-color: #cfb184; background: #fff2d7; }
.hero-copy h1 { font-weight: 800; color: #4b3322; }
.hero-copy h1 em { color: #b34c32; font-weight: 700; }
.hero-copy > p { color: #74583d; }
.hero-art { filter: drop-shadow(0 10px 18px #603b2528); }
.hero-art > img, .hero-art::after { border-radius: 70px 70px 20px 20px; }
.hero-art::after { border: 3px solid #fff1d3; box-shadow: 0 0 0 1px #b88a4c; }
.hero-art-label {
  background: #fff3ddee;
  border: 1px solid #b7814b;
  outline: 1px dashed #c79657;
  outline-offset: -6px;
  color: #4c311f;
  box-shadow: 0 4px 0 #70432635, 0 8px 18px #40271630;
}
.hero-art-label strong { color: #583620; }
.hero-art-label span:not(.small-flower) { color: #71553a; }
.small-flower { color: #b94e2c; }
.hero-stamp { background: #f1bd5f; color: #673a23; border-color: #fff4dd; box-shadow: 0 0 0 2px #ad743b, 0 5px 0 #69422a25; }
.hero-footnote, .hero-footnote .icon { color: #785937; }
.hero-footnote .icon { width: 27px; height: 27px; }
.feature-strip { border-color: #d4b483; color: #695033; }
.feature-strip .icon { width: 29px; height: 29px; color: #527448; }
.section-heading p, .section-title p { color: #765a40; }
.class-preview {
  background: #fff1d7;
  border-color: #d1b17c;
  box-shadow: 0 3px 0 #96633117;
}
.class-preview:hover { background: #ffe7bb; border-color: #ac7e43; }
.class-preview-copy strong { color: #50351f; }
.class-preview-copy > span { color: #775638; }
.class-preview > .icon { color: #9c6833; }
.site-footer { border-top-color: #d2b78b; color: #765c41; }
.merchant-portrait {
  border: 2px solid #d0a261;
  background: #e9d7ae;
  box-shadow: inset 0 0 0 2px #fff4d6, 0 3px 7px #5b3b2115;
}
.portrait-sprite { border-radius: inherit; }
.class-choice { background: #fff1d5; border: 1px solid #c6a16b; border-bottom-width: 3px; }
.class-choice:hover { background: #ffe7bc; border-color: #9d743f; transform: translateY(-2px); }
.class-choice.selected {
  background: #e7edce;
  border-color: #3e7052;
  box-shadow: inset 0 0 0 2px #f5f9e4, 0 0 0 2px #3e7052;
}
.class-choice-name { color: #53371f; font-weight: 800; }
.class-choice-name .icon { color: #95643b; }
.class-choice-subtitle { color: #73583c; }
.selected-tick { background: #30674b; border: 2px solid #fff3d9; color: #fff7df; }
.chosen-class {
  background: #f5dfb5;
  border: 2px solid #b88a4b;
  box-shadow: inset 0 0 0 3px #fff0cb, 0 4px 0 #93603420;
}
.chosen-class-top { min-height: 70px; margin-bottom: 5px; }
.chosen-class-top .eyebrow { max-width: 110px; line-height: 1.8; }
.chosen-class .chosen-stall { width: 92px; height: 92px; margin: -13px -8px -6px 4px; }
.chosen-class > p, .specialty-preview .or-label { color: #6c5035; }
.specialty-preview { border-color: #c9a56a; }
.specialty-preview > div > span:not(.or-label) { background: #fff0cf; color: #5a442e; border-color: #c5a171; }
.class-starter-items > div { background: #fff0d1; border-color: #ddbc84; }
.class-starter-items div > span:not(.item-art) { color: #674b30; }
.lobby-shop { border-color: #c19a65; background: #fff1d4; box-shadow: 0 4px 0 #9161321c; }
.lobby-shop-cover { background: #b4c6a0; border-bottom: 2px solid #a07c48; }
.lobby-shop-cover .lobby-stall { position: absolute; right: 0; bottom: -10px; width: 195px; height: 195px; }
.lobby-shop-cover .merchant-portrait {
  position: absolute;
  width: 72px;
  height: 96px;
  bottom: 9px;
  left: 12px;
  margin: 0;
  border: 2px solid #fff0c7;
  border-radius: 12px;
  background: #e9d8b6;
  box-shadow: 0 3px 7px #4f38233d;
}
.lobby-note { background: #f3e0b9; color: #674b31; }
.lobby-note p, .lobby-shop > p, .lobby-shop > small { color: #73583a; }
.entry-card { border-color: #cda76e; background: #fff0d2; box-shadow: 0 3px 0 #9161321b; }
.entry-card.feature-entry { background: #e7edcf; border-color: #a9b982; }
.entry-icon { background: #f2d493; border: 1px solid #bd8e4a; }
.entry-icon .icon { width: 37px; height: 37px; }
.entry-card p, .room-row div > span { color: #71563b; }
.room-row { border-color: #d3b788; background: #fff5df; }
.room-mark { background: #f2d798; color: #855326; }
.room-mark.midnight { background: #d9cbe5; color: #544067; }
.room-mark.flip { background: #d0def3; color: #244a9a; }
.room-mark .icon { width: 33px; height: 33px; }
.join-code-form { background: #efddba; border-color: #d2b17a; }
.xp-bar { border: 1px solid #b8a16e; background: #e6d3ad; }
.xp-bar > span { background: #487b56; box-shadow: inset 0 2px 0 #8db473; }

/* Wood backed controls stay legible over a busy, richly illustrated world. */
.game-brand, .market-presence, .hud-wallet, .hud-level, .quest-track-button,
.minimap-card, .interact-prompt, .route-status, .connection-status {
  background: #fff1d6f5;
  border: 2px solid #ad7b42;
  box-shadow: inset 0 0 0 2px #fff9e6, 0 4px 0 #5c39263d, 0 8px 18px #3d281b26;
  color: #4d3220;
  backdrop-filter: none;
}
.game-brand { padding: 9px 16px 9px 10px; }
.game-brand-mark { width: 42px; height: 42px; }
.game-brand-mark > .icon { width: 37px; height: 37px; }
.game-brand strong { color: #aa4029; font-size: 22px; font-weight: 800; }
.game-brand strong > span { color: #3f7957; }
.market-location { color: #745237; font-size: 11px; font-weight: 700; }
.market-location .icon { width: 16px; height: 16px; }
.market-presence { min-height: 59px; }
.market-presence > span { color: #704c2f; font-size: 11px; }
.market-presence strong { color: #4d321e; }
.market-presence .icon { width: 24px; height: 24px; }
.market-code { color: #806039; border-color: #c4a069; background: #f3dfb8; }
.hud-wallet, .hud-level { min-height: 58px; }
.hud-wallet { color: #704411; }
.hud-wallet > .icon { width: 33px; height: 33px; }
.hud-wallet strong { color: #684117; font-size: 18px; }
.hud-wallet small { color: #7d5d39; }
.hud-level > span { background: #efce8a; border: 1px solid #c5934f; color: #72502b; }
.hud-level > span .icon { width: 25px; height: 25px; }
.hud-level strong { color: #513920; font-size: 12px; }
.hud-level i { background: #dbc49b; }
.hud-level b { background: #497c51; box-shadow: inset 0 1px 0 #94bd7b; }
.hud-menu { background: #f4dcaa; border: 2px solid #ab783e; box-shadow: 0 3px 0 #5c39263d; }
.hud-menu .icon { width: 26px; height: 26px; }
.quest-track { top: 105px; width: 250px; }
.quest-track-button { padding: 14px 15px; gap: 7px; }
.quest-track-button > .eyebrow { color: #876038; font-size: 10px; }
.quest-track-button strong { color: #52351f; font-size: 14px; }
.quest-track-detail { color: #735435; font-size: 12px; line-height: 1.5; }
.quest-track-progress { background: #e4cfa6; }
.quest-track-progress i { background: #4c7d50; }
.minimap-card { padding: 7px; }
.minimap-card canvas { border: 1px solid #bd975c; border-radius: 7px; }
.minimap-card > span { color: #644525; font-size: 10px; }
.minimap-card kbd { color: #6c4728; border-color: #bd9c6b; }
.market-feed > div { background: #fff1d9ed; border: 1px solid #c69b61; color: #66452d; }
.market-feed > div:nth-child(2) { opacity: .9; }
.market-feed > div:nth-child(3) { opacity: .8; }
.nav-dock {
  padding: 7px;
  gap: 5px;
  border: 2px solid #4b2b1d;
  border-radius: 18px;
  background: #75482d;
  box-shadow: inset 0 2px 0 #b47c48, 0 4px 0 #3e291c99, 0 9px 24px #35211545;
  backdrop-filter: none;
}
.nav-dock button {
  width: 76px;
  height: 66px;
  gap: 2px;
  border: 1px solid #b77e3e;
  border-bottom: 3px solid #ab713b;
  background: #fff0cc;
  box-shadow: inset 0 1px 0 #fff9e6;
}
.nav-dock button:hover { background: #ffdf97; border-color: #d2a05a; transform: translateY(-2px); }
.nav-dock button:active { transform: translateY(1px); }
.nav-dock .icon { width: 37px; height: 37px; color: #855128; }
.nav-dock button > span:not(.icon) { color: #5a351f; font-size: 10px; font-weight: 800; }
.notification-dot { background: #c94d33; border-color: #fff2d3; }
.interact-prompt { border-radius: 14px; padding: 12px 14px; }
.interact-prompt > .icon { width: 34px; height: 34px; color: #926132; }
.interact-prompt strong { color: #57371e; font-size: 14px; }
.interact-prompt small { color: #765638; font-size: 11px; }
kbd { color: #60452d; background: #fff0cf; border-color: #bb9863; box-shadow: 0 2px 0 #af895b4a; }
.walk-hint { color: #513c26; background: #fff2d9df; border-color: #c7a66f; }
.touch-stick { background: #563c2b60; border-color: #f9e8bfa8; }
.touch-thumb { background: #fff0cde8; border-color: #af793f; box-shadow: 0 3px 8px #3c271c66; }
.touch-interact { background: #b75231; color: #fff4dd; border-color: #ffe1a2; box-shadow: 0 4px 0 #653b29b3; }
.touch-bag { background: #fff0cfe8; color: #624024; border-color: #b88447; }

/* Parchment menus use clean text areas; ornament is kept on their frames. */
.panel-dialog {
  border: 3px solid #8a5b34;
  background: #fff5df;
  box-shadow: 0 0 0 2px #efd19b, 0 24px 100px #291b1873;
}
.panel-dialog::backdrop { background: #211c2887; backdrop-filter: blur(4px); }
.panel-header {
  position: relative;
  background: #f4dfb4;
  border-bottom: 2px solid #bc8e50;
  box-shadow: inset 0 3px 0 #fff4d7;
}
.panel-header::after {
  content: "";
  position: absolute;
  inset: 6px 9px auto;
  border-top: 1px dashed #bc8a48;
  pointer-events: none;
}
.panel-header h2 { color: #56351f; font-weight: 800; }
.panel-header .eyebrow { color: #7a552c; }
.panel-header .eyebrow .icon { width: 28px; height: 28px; margin: -3px 0; }
.panel-close { background: #c25a37; border: 1px solid #884129; border-bottom-width: 3px; color: #fff5da; box-shadow: inset 0 1px 0 #e99e69; }
.panel-close:hover { background: #aa442b; color: #fff8e7; }
.panel-tabs { background: #edd4a7; border-bottom-color: #c59f64; gap: 5px; }
.panel-tab { color: #705031; border: 1px solid transparent; font-weight: 800; }
.panel-tab:hover { color: #4e351e; background: #f6e6c4; }
.panel-tab.active { background: #2f654e; color: #fff5db; border-color: #244d3b; box-shadow: inset 0 1px 0 #65926b, 0 2px 0 #284c3425; }
.panel-body { background: #fff5df; scrollbar-color: #c09b62 #f5e6c8; }
.panel-body, .panel-header, .game-brand, .market-presence,
.hud-wallet, .hud-level, .quest-track-button, .interact-prompt {
  /* Terrain slot 7 is the authored parchment material, never gameplay art. */
  background-image: url('/.proxy/art/world/terrain-atlas.webp');
  background-size: 400% 200%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.nav-dock {
  /* Terrain slot 2 supplies real painted wood underneath the brass controls. */
  background-image: url('/.proxy/art/world/terrain-atlas.webp');
  background-size: 400% 200%;
  background-position: 66.666667% 0;
  background-repeat: no-repeat;
  background-color: #b58b5e;
  background-blend-mode: multiply;
}
.panel-body p, .panel-body small, .panel-body .fine-print, .panel-body .subtle-label { color: #71563d; }
.panel-footer { background: #f3dfb7; border-color: #caa76b; }
.section-title h3 { color: #50351f; }
.section-title > .icon { color: #986837; }
.empty-state { border-color: #d2b179; background: #f9eccf; }
.empty-state > .icon { color: #78915a; width: 43px; height: 43px; }
.empty-state h3, .detail-placeholder h3 { color: #67482b; }
.empty-state p, .detail-placeholder p { color: #806040; }
.place-note { border-color: #dab47b; background: #f9e8c3; color: #775331; }
.place-note.ready { border-color: #acc08b; background: #eaf0d5; color: #3d6645; }
.place-note.ready > .icon { color: #427349; }
.event-note, .catalog-note { background: #eae0ee; border-color: #c2a8c9; color: #60496a; }
.end-note { background: #f3e5c7; color: #6e5334; border-color: #d0b381; }
.filter-button { background: #f4e4c4; color: #705235; border: 1px solid #d2b382; }
.filter-button.active { background: #35694e; color: #fff7df; border-color: #2a533d; }
.inventory-toolbar strong { color: #583b21; }
.inventory-toolbar div > span { color: #7e5d38; }

/* Merchandise gets enough space to read as a collectible, with rarity on the
   frame rather than over the price, name, condition, or illustrated object. */
.item-art { background: #fff0d0; border-radius: 12px; }
.item-sprite { filter: drop-shadow(0 3px 2px #59361b25); }
.inventory-item {
  --rarity-edge: #c6a269;
  background: #fff1d2;
  border: 1px solid var(--rarity-edge);
  border-bottom-width: 3px;
  box-shadow: inset 0 0 0 2px #fff9e5, 0 3px 6px #6b452513;
  padding: 11px 9px 10px;
}
.inventory-item:has(> .item-art[data-rarity="uncommon"]) { --rarity-edge: #7e9e65; }
.inventory-item:has(> .item-art[data-rarity="rare"]) { --rarity-edge: #8f72a1; background: #f2e9f3; }
.inventory-item:has(> .item-art[data-rarity="legendary"]) { --rarity-edge: #b98332; background: #ffebbd; }
.inventory-item:hover { background: #ffe8b8; border-color: #99703e; transform: translateY(-2px); }
.inventory-item.selected { background: #e6edcf; border-color: #356a4d; box-shadow: inset 0 0 0 2px #fbffe9, 0 0 0 2px #356a4d, 0 5px 9px #315d3220; }
.inventory-item > .item-art { background: #fff3d6; max-width: 116px; }
.inventory-item > strong { color: #51371f; font-size: 12px; line-height: 1.4; font-weight: 800; }
.item-bottom { color: #705337; font-size: 10px; }
.rarity { background: #e9d7b0; color: #664c2e; font-weight: 800; }
.rarity.uncommon { background: #dce7c5; color: #385e35; }
.rarity.rare { background: #e4d6eb; color: #6a4378; }
.rarity.legendary { background: #f3d18a; color: #79501b; }
.quality { color: #8a5a20; font-weight: 800; letter-spacing: .035em; }
.item-detail { background: #f3e0b8; border: 1px solid #bb945d; box-shadow: inset 0 0 0 3px #fff0ce; }
.item-detail-art { border-bottom: 1px solid #d6b57d; padding-bottom: 13px; margin-bottom: 14px; }
.item-detail-art .item-art { width: 170px; height: 170px; background: #fff1d1; border: 1px solid #d4b27a; box-shadow: inset 0 0 0 4px #fff8e2; }
.item-detail h3 { color: #55361d; }
.item-detail p { color: #725133; }
.condition-row { color: #725236; }
.condition-bar { background: #d9c29a; }
.condition-bar > span { background: #517a49; }
.appraisal { background: #fff0d0; border-color: #cba467; color: #785335; }
.item-story { border-color: #cbab75; color: #735338; }
.item-story summary { color: #63462c; }
.recipe-card, .sale-item, .supply-card, .customer-card,
.trade-card, .order-card, .quest-card, .upgrade-card,
.specialization-card, .owned-shop, .collection-card, .location-card {
  background: #fff0d2;
  border-color: #d0ac75;
  border-bottom-width: 3px;
  box-shadow: inset 0 1px 0 #fff9e9, 0 3px 6px #6846250d;
}
.recipe-card-top > .item-art, .sale-item > .item-art, .supply-card > .item-art { border: 1px solid #d6b782; background: #fff4db; }
.recipe-card h3, .sale-item h3, .customer-card h3, .order-copy h3 { color: #56391f; }
.locked-recipe { background: #eee4cf; border-style: dashed; border-color: #b5a17f; }
.locked-recipe .recipe-card-top { opacity: .72; }
.ingredient { background: #f4e4c5; border-color: #dbc08f; }
.ingredient > span:not(.item-art) { color: #6f5233; }
.ingredient > strong { color: #9b4d38; }
.ingredient.enough > strong { color: #3d6a3e; }
.recipe-footer { border-color: #d5b47c; }
.recipe-footer > span { color: #765632; }
.good-row { background: #fff1d5; border-color: #d5b481; }
.good-description > strong { color: #553a24; }
.good-description > span { color: #7b5b3d; }
.highlight-row { background: #e9edcf; border-color: #b1be86; }
.stall-card { border: 1px solid #bf985e; border-bottom-width: 3px; background: #fff1d4; box-shadow: 0 4px 8px #64401f14; }
.stall-card-art, .default-stall-art { background: #dce4bf; border-bottom: 2px solid #b58d52; height: 190px; }
.stall-illustration { display: inline-block; position: relative; width: 100%; height: 100%; overflow: hidden; flex-shrink: 0; }
.stall-sprite { position: absolute; inset: 0; background-repeat: no-repeat; filter: drop-shadow(0 5px 3px #46312224); }
.stall-card-art > .stall-illustration { position: absolute; inset: 0 auto 0 50%; width: auto; height: 100%; aspect-ratio: 1; transform: translateX(-50%); }
.stall-card-art > .status-tag { background: #fff3dbeF; border-color: #b7955c; color: #63452a; font-size: 10px; }
.stall-card-art > .status-tag.online { background: #e4efcdeF; color: #2f603f; border-color: #8fa96c; }
.stall-card-copy { background: #fff0d2; }
.stall-card-copy .eyebrow { color: #8a6034; }
.stall-card-copy h3 { color: #5a371e; }
.stall-card-copy p, .stall-card-bottom > span { color: #74563b; }
.stall-preview-items > .item-art { border: 1px solid #d7b888; background: #fff8e4; }
.seller-intro { border-color: #d6b681; }
.npc-intro blockquote { color: #715133; background: #f5e4bf; border-color: #ceb081; }
.npc-portrait { background: #e8d9b6; }
.npc-sprite {
  position: absolute;
  top: 50%;
  left: -15%;
  width: 130%;
  aspect-ratio: 1;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  filter: drop-shadow(0 3px 2px #59361b25);
}
.trade-sides > div, .trade-compose-sides fieldset { background: #f9eacb; border-color: #d5b17b; }
.trade-contents > span { color: #64452a; }
.trade-contents small { color: #7c5a36; }
.trade-pick { border-color: #d2b07a; background: #fff3d7; }
.trade-pick:has(input:checked) { background: #e5edcb; border-color: #638b55; box-shadow: inset 0 0 0 1px #638b55; }
.trade-review-note { color: #705437; background: #f3e4c5; border-color: #ceb081; }
.commission-form-wrap { border-color: #cdaa75; background: #f7e8c8; }
.quest-card { border-left: 5px solid #bb8c4e; }
.quest-card.quest-ready { background: #e8efd4; border-color: #88a868; border-left-color: #4c7d49; }
.quest-card.quest-locked { background: #eee4cf; border-style: dashed; }
.quest-card.quest-locked > .quest-card-top, .quest-card.quest-locked > p { opacity: .8; }
.quest-state { color: #795734; }
.quest-quote { color: #88633e; border-color: #ceb079; }
.quest-objectives li { color: #715435; }
.quest-objectives li.done, .quest-objectives li.done .icon { color: #36623d; }
.quest-rewards { color: #77532c; }
.quest-card-bottom { border-color: #d3b680; }
.chapter-complete { background: #e1ecc7; border-color: #91ac6e; }
.chapter-complete h3 { color: #365a35; }
.chapter-complete p { color: #4e6b41; }
.level-medallion { background: #f3cd7b; color: #76471c; border-color: #fff3d4; box-shadow: 0 0 0 1px #b88643, 0 3px 6px #6a442b25; }
.shop-stat-grid > div { background: #f4e1b9; border-color: #d0ac72; }
.shop-stat-grid > div > span { color: #775735; }
.shop-stat-grid strong { color: #604024; }
.milestone-list > div { border-color: #d7ba85; }
.milestone-level { color: #74542e; background: #edd5a6; border-color: #c7a169; }
.milestone-list div > span:not(.milestone-level) { color: #7a5d3e; }
.upgrade-icon, .specialization-symbol { background: #efd49a; border: 1px solid #c2944f; color: #80532d; }
.upgrade-steps > span { background: #dfcca5; }
.upgrade-steps > span.done { background: #527b48; box-shadow: inset 0 1px 0 #95b67b; }
.specialization-card.chosen { background: #e5edcf; border-color: #6e9659; }
.new-shop-card { background: #f4e6c8; border-color: #c2a06c; }
.new-shop-card > span { background: #e8d2a9; color: #886036; }

/* The style book is a real merchandise catalog, with each artwork framed as
   a collectible print. Locked and owned states retain their original actions. */
.collection-art { background: #e8d6b3; border: 1px solid #c9a66d; border-radius: 12px; }
.collection-card { overflow: hidden; }
.collection-card > .collection-art { border: 0; border-radius: 0; border-bottom: 2px solid #b98c4d; }
.collection-card > div { background: #fff0d2; }
.collection-card .eyebrow { color: #8d6334; }
.collection-card h3 { color: #57361d; }
.collection-card-bottom > strong { color: #76502a; }
.free-style { background: #f9e9c8; border-color: #c8a16b; }
.free-style.active { border-color: #52794b; background: #e3eccb; box-shadow: inset 0 0 0 1px #52794b; }
.free-style strong { color: #61472b; }
.free-style small { color: #735537; }
.collection-invitation, .club-intro { background: #f2ddb4; border-color: #c5a069; }
.keepsake { background: #f3e5c7; border-color: #c9ac78; color: #6e5133; }
.product-visual > .collection-art { border: 2px solid #b78b4e; box-shadow: 0 5px 12px #59391f20; }
.style-preview-canvas { border: 2px solid #b98b50; background: #dbe3bd; box-shadow: 0 3px 0 #77503026; }
.product-copy h3 { color: #58391f; }
.product-contents { background: #f5e4c0; border-color: #d1b17d; }
.product-contents > li { color: #6d4e2f; }
.product-contents .icon { color: #4f7646; }
.product-price { color: #754b21; }
.discovery-item { background: #ece1c9; border-color: #c9b58e; }
.discovery-item.discovered { background: #fff0d0; border-color: #c49c60; }
.discovery-item > strong { color: #6d5031; }
.discovery-item > span:last-child { color: #806242; }

/* Three event moods share the same friendly world and readable paper labels. */
.project-hero { background: #e2eacb; border-color: #a9bc80; }
.project-mark { background: #f0d28e; border: 1px solid #bd8f45; }
.project-mark .icon { width: 50px; height: 50px; }
.project-hero h3 { color: #3c5a32; }
.project-hero p { color: #596c42; }
.project-hero > strong { color: #5c7542; }
.project-needs > div { background: #f9eacb; border-color: #d2b27b; }
.project-needs > div > span:nth-child(2) { color: #6d5031; }
.need-progress { background: #e2cca1; }
.need-progress > i { background: #63874e; }
.contributor-list > span { color: #654d31; background: #e9eccd; border-color: #b9bf8c; }
.event-card { border: 1px solid #bd945b; border-bottom-width: 3px; background: #fff0d3; box-shadow: 0 4px 8px #64422516; }
.event-art {
  position: relative;
  height: 200px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  background: #c7d8a7;
  border-bottom: 2px solid #c49c5e;
}
.event-cover { width: 100%; height: 100%; object-fit: cover; object-position: 40% center; }
.event-art > .event-scene {
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 8;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  border-radius: 0;
}
.event-art > .event-caption {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  left: 9px;
  right: 9px;
  bottom: 9px;
  padding: 6px 8px;
  border: 1px solid #b78444;
  border-radius: 9px;
  background: #fff0d6f2;
  box-shadow: 0 2px 0 #66412733;
  color: #654023;
  font-size: 10px;
  font-weight: 800;
}
.event-caption .icon { width: 25px; height: 25px; color: inherit; }
.event-card > div:not(.event-art) { background: #fff0d3; }
.event-card h3 { color: #5b381f; }
.event-card .eyebrow { color: #8a5b2d; }
.event-midnight { border-color: #816085; }
.event-midnight .event-art { background: #3b304b; border-color: #9d793f; }
.event-midnight .event-art > .event-caption { background: #392941ee; color: #ffe4a0; border-color: #c59b52; }
.event-midnight > div:not(.event-art) { background: #f0e7ef; }
.event-midnight h3 { color: #503657; }
.event-midnight .eyebrow { color: #7e5685; }
.event-flip { border-color: #7893b8; }
.event-flip .event-art { background: #afcae0; border-color: #5f7da4; }
.event-flip .event-art > .event-caption { background: #234b9bf2; color: #fff6df; border-color: #c5d8f1; }
.event-flip > div:not(.event-art) { background: #edf0e9; }
.event-flip h3 { color: #29497e; }
.event-flip .eyebrow { color: #536c91; }
.score-table { background: #fff0d4; border-color: #c7a36b; }
.score-table thead { background: #eccc94; color: #694525; }
.score-table th, .score-table td { border-color: #d9bc87; color: #67492d; }
.score-table .your-row { background: #dce8c2; }
.score-table small { color: #756044; }
.flip-summary { background: #dfE6ef; border-color: #a1b5ce; color: #45658b; }
.theme-default { background: #f8e9c8; border-color: #d1b17a; }
.theme-default strong { color: #64462a; }
.theme-default span { color: #795b3a; }
.location-symbol { background: #ecd398; border: 1px solid #c19651; color: #865a2f; }
.location-symbol .icon { width: 35px; height: 35px; }
.location-card h3 { color: #5f3e23; }
.utility-location { background: #f8e8c8; border-color: #ceb07a; color: #765331; }
.utility-location strong { color: #644528; }
.utility-location small { color: #7c5e3d; }
.emote-button { border-color: #caa66b; background: #fff0d0; color: #78532b; }
.emote-button:hover { background: #f7dca4; }
.more-link { background: #f8e8c5; border-color: #cda86f; }
.more-link > span:first-child { background: #efd28f; border: 1px solid #bd8f47; color: #79522c; }
.more-link > span:first-child .icon { width: 31px; height: 31px; }
.more-link strong { color: #644326; }
.more-link small { color: #7b5b39; }
.settings-list > div { border-color: #d7b885; }
.settings-list strong { color: #65452a; }
.settings-list small { color: #7a5c3d; }
.toggle-button { background: #d9c5a3; border-color: #b69a6e; }
.toggle-button.on { background: #4e7d4c; border-color: #3f613e; }
.controls-grid > div { background: #f2e3c4; border-color: #d3b581; color: #715234; }
.guide-steps > li > span { background: #e8c889; color: #75502a; border-color: #bc8e4d; }
.guide-steps h3, .guide-foot strong { color: #664426; }
.guide-foot { border-color: #d3b27d; }
.guide-foot .icon { width: 29px; height: 29px; color: #a2743c; }
.toast { background: #fff0d2; border: 2px solid #bb8a4a; color: #5b3c22; box-shadow: 0 4px 0 #714c2933, 0 8px 20px #3e281b38; }
.toast > .icon { width: 30px; height: 30px; color: #a47333; }
.toast.error { background: #ffe9d5; border-color: #b86646; color: #8d3c27; }
.toast.quest { background: #eaf0d2; border-color: #8ca867; color: #42613a; }
.boot-screen { background: #f5e2bd; }
.boot-flower { color: #b55131; }
.boot-screen h1, .connecting-screen h1 { color: #ac432b; }
.connecting-screen { background: #f9eace; }
.connecting-art { border: 3px solid #fff1d3; box-shadow: 0 0 0 1px #b48a4c, 0 6px 18px #6240242b; }

/* Event skins affect chrome only. Text, forms, and all actions stay identical. */
body[data-market-event="midnight"] .game-brand,
body[data-market-event="midnight"] .market-presence,
body[data-market-event="midnight"] .hud-wallet,
body[data-market-event="midnight"] .hud-level,
body[data-market-event="midnight"] .quest-track-button,
body[data-market-event="midnight"] .minimap-card,
body[data-market-event="midnight"] .interact-prompt {
  background: #37283eF5;
  border-color: #c59b55;
  box-shadow: inset 0 0 0 2px #57404f, 0 4px 0 #1e172a85, 0 8px 18px #14162445;
  color: #ffedc4;
}
body[data-market-event="midnight"] .game-brand strong,
body[data-market-event="midnight"] .market-presence strong,
body[data-market-event="midnight"] .hud-wallet strong,
body[data-market-event="midnight"] .hud-level strong,
body[data-market-event="midnight"] .quest-track-button strong,
body[data-market-event="midnight"] .interact-prompt strong { color: #ffedbf; }
body[data-market-event="midnight"] .market-location,
body[data-market-event="midnight"] .market-presence > span,
body[data-market-event="midnight"] .hud-wallet small,
body[data-market-event="midnight"] .quest-track-button > .eyebrow,
body[data-market-event="midnight"] .quest-track-detail,
body[data-market-event="midnight"] .minimap-card > span,
body[data-market-event="midnight"] .interact-prompt small { color: #dec49d; }
body[data-market-event="midnight"] .game-brand-mark,
body[data-market-event="midnight"] .hud-level > span,
body[data-market-event="midnight"] .hud-menu { background: #593c59; border-color: #c4974b; color: #f9d896; }
body[data-market-event="midnight"] .game-brand strong > span { color: #e4b962; }
body[data-market-event="midnight"] .market-code { background: #523b51; border-color: #947345; color: #edd3a2; }
body[data-market-event="midnight"] .nav-dock { background: #2b2036; border-color: #ca9a4c; box-shadow: inset 0 2px 0 #70516c, 0 4px 0 #1b1629bb, 0 9px 24px #14132270; }
body[data-market-event="midnight"] .nav-dock button { background: #4b324e; border-color: #b3894b; box-shadow: inset 0 1px 0 #7e596c; }
body[data-market-event="midnight"] .nav-dock button:hover { background: #634061; }
body[data-market-event="midnight"] .nav-dock button > span:not(.icon) { color: #ffedbf; }
body[data-market-event="flip"] .game-brand,
body[data-market-event="flip"] .market-presence,
body[data-market-event="flip"] .hud-wallet,
body[data-market-event="flip"] .hud-level { background: #fff8e7f7; border-color: #35599c; box-shadow: inset 0 0 0 2px #fffdf0, 0 4px 0 #1f3b7c5e, 0 8px 18px #172b542d; }
body[data-market-event="flip"] .game-brand strong { color: #294b9b; }
body[data-market-event="flip"] .game-brand strong > span { color: #d35333; }
body[data-market-event="flip"] .game-brand-mark,
body[data-market-event="flip"] .hud-level > span,
body[data-market-event="flip"] .hud-menu { background: #f5be6c; border-color: #bd7143; }
body[data-market-event="flip"] .market-location { color: #a5412e; }
body[data-market-event="flip"] .nav-dock { background: #274b98; border-color: #19367b; box-shadow: inset 0 2px 0 #7499d8, 0 4px 0 #173573aa, 0 9px 24px #13284d59; }
body[data-market-event="flip"] .nav-dock button { background: #fff1d4; border-color: #d28a48; }
body[data-market-event="flip"] .nav-dock button:hover { background: #ffcd73; }
body[data-market-event="flip"] .nav-dock button > span:not(.icon) { color: #294675; }

/* Responsive refinements keep the illustrated controls and prices readable. */
@media (min-width: 1500px) {
  .nav-dock button { width: 83px; height: 72px; }
  .nav-dock .icon { width: 41px; height: 41px; }
  .nav-dock button > span:not(.icon) { font-size: 11px; }
}
@media (max-width: 1150px) {
  .nav-dock button { width: 68px; }
  .game-brand strong { font-size: 20px; }
  .game-brand { padding-right: 11px; }
  .quest-track { width: 225px; }
  .event-art { height: 184px; }
}
@media (max-width: 900px) {
  .hero-art > img, .hero-art::after { border-radius: 55px 55px 18px 18px; }
  .event-card { grid-template-columns: 190px 1fr; }
  .event-art { height: 100%; min-height: 225px; border-bottom: 0; border-right: 2px solid #c49c5e; }
  .event-art > .event-scene { width: auto; height: 100%; aspect-ratio: 9 / 8; top: 0; left: 50%; transform: translateX(-50%); }
  .event-caption { line-height: 1.4; }
  .event-caption .icon { flex-shrink: 0; }
}
@media (max-width: 700px) {
  .brand { font-size: 24px; }
  .brand-flower .icon { width: 33px; height: 33px; }
  .hero-art > img, .hero-art::after { border-radius: 45px 45px 18px 18px; }
  .feature-strip .icon { width: 25px; height: 25px; }
  .class-choice { border-bottom-width: 3px; }
  .class-choice-name { font-size: 12px; }
  .class-choice-subtitle { color: #70543a; }
  .chosen-class-top { min-height: 53px; }
  .chosen-class .chosen-stall { width: 76px; height: 76px; margin-top: -10px; }
  .chosen-class-top .eyebrow { max-width: none; }
  .lobby-shop-cover { border: 1px solid #a7844d; }
  .lobby-shop-cover .lobby-stall { display: none; }
  .lobby-shop-cover .merchant-portrait { width: 100%; height: 100%; left: 0; bottom: 0; border: 0; border-radius: 10px; }
  .game-brand { padding: 7px 9px 7px 7px; border-width: 1px; }
  .game-brand-mark { width: 31px; height: 31px; border-radius: 9px; }
  .game-brand-mark > .icon { width: 29px; height: 29px; }
  .game-brand strong { font-size: 18px; }
  .market-location { font-size: 10px; }
  .market-location .icon { width: 13px; height: 13px; }
  .hud-wallet, .hud-level { min-height: 49px; padding: 7px; border-width: 1px; }
  .hud-wallet > .icon { width: 26px; height: 26px; }
  .hud-wallet strong { font-size: 16px; }
  .hud-level > span .icon { width: 21px; height: 21px; }
  .hud-level strong { font-size: 11px; }
  .hud-menu { border-width: 1px; }
  .hud-menu .icon { width: 24px; height: 24px; }
  .quest-track { top: 80px; width: 198px; }
  .quest-track-button { padding: 10px 12px; border-width: 1px; gap: 5px; }
  .quest-track-button > .eyebrow { font-size: 9px; letter-spacing: .06em; }
  .quest-track-button strong { font-size: 12px; }
  .quest-track-detail { font-size: 10px; line-height: 1.45; }
  .nav-dock { padding: 5px; gap: 3px; border-radius: 14px; }
  .nav-dock button { flex: 1; min-width: 0; width: auto; height: 58px; gap: 1px; border-radius: 9px; }
  .nav-dock .icon { width: 32px; height: 32px; }
  .nav-dock button > span:not(.icon) { font-size: 9px; white-space: nowrap; }
  .interact-prompt strong { font-size: 12px; }
  .interact-prompt small { font-size: 10px; }
  .interact-prompt > .icon { width: 28px; height: 28px; }
  .panel-dialog { border-width: 2px; }
  .panel-header { border-bottom-width: 2px; }
  .panel-header h2 { font-size: 25px; }
  .panel-header .eyebrow { font-size: 10px; }
  .panel-header .eyebrow .icon { width: 25px; height: 25px; }
  .panel-tab { font-size: 11px; padding: 8px 10px; }
  .panel-body .eyebrow { font-size: 10px; }
  .panel-body p:not(.fine-print) { font-size: 12px; }
  .panel-body .fine-print { font-size: 11px; }
  .inventory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
  .inventory-item { padding: 9px 6px 8px; }
  .inventory-item > .item-art { max-width: 98px; margin-bottom: 7px; }
  .inventory-item > strong { font-size: 11px; min-height: 31px; }
  .inventory-item .item-bottom, .inventory-item .rarity, .inventory-item .quality { font-size: 9px; }
  .item-detail-art .item-art { width: 140px; height: 140px; }
  .item-detail-art { margin-bottom: 10px; padding-bottom: 10px; }
  .stall-card-art { height: 160px; }
  .stall-card-art > .status-tag { font-size: 9px; }
  .event-card { display: flex; flex-direction: column; }
  .event-art { height: 180px; min-height: 180px; border-right: 0; border-bottom: 2px solid #c49c5e; }
  .event-art > .event-scene { width: 100%; height: auto; top: 50%; left: 0; transform: translateY(-50%); }
  .event-art > .event-caption { font-size: 11px; padding: 7px 10px; }
  .event-caption .icon { width: 25px; height: 25px; }
  .event-card h3 { font-size: 23px; }
  .event-card > div:not(.event-art) { padding: 18px; }
  .collection-card p, .collection-card-bottom > strong { font-size: 12px; }
  .more-link small, .utility-location small { font-size: 11px; }
  .good-description > strong, .supply-card strong { font-size: 12px; }
  .quest-objectives li { font-size: 12px; }
  .toast { border-width: 1px; }
}
@media (max-width: 520px) {
  .class-choice { padding: 10px 8px 12px; }
  .class-choice .merchant-portrait { border-width: 1px; width: 52px; max-width: 52px; }
  .class-choice-name { font-size: 11px; }
  .class-choice-name .icon { display: none; }
  .class-choice .selected-tick { width: 18px; height: 18px; }
  .nav-dock .icon { width: 30px; height: 30px; }
  .nav-dock button > span:not(.icon) { font-size: 9px; letter-spacing: -.02em; }
  .game-brand strong { font-size: 16px; }
  .game-brand { gap: 6px; }
  .game-brand-mark { width: 28px; height: 28px; }
  .game-brand-mark > .icon { width: 27px; height: 27px; }
  .hud-wallet { gap: 3px; }
  .hud-wallet strong { font-size: 14px; }
  .hud-wallet > .icon { width: 24px; height: 24px; }
  .quest-track { width: 184px; }
  .quest-track-detail { font-size: 10px; }
  .inventory-item > .item-art { max-width: 92px; }
}
@media (max-width: 380px) {
  .game-brand strong { font-size: 15px; }
  .game-brand-mark { display: none; }
  .market-location { font-size: 9px; }
  .nav-dock { gap: 2px; padding: 4px; }
  .nav-dock button { height: 55px; }
  .nav-dock .icon { width: 29px; height: 29px; }
  .nav-dock button > span:not(.icon) { font-size: 8px; }
  .panel-tab { font-size: 10px; }
  .inventory-grid { gap: 7px; }
  .inventory-item { padding-inline: 5px; }
  .inventory-item > strong { font-size: 10px; }
  .event-art { height: 155px; min-height: 155px; }
}
@media (prefers-reduced-motion: reduce) {
  .nav-dock button:hover, .class-choice:hover, .inventory-item:hover { transform: none; }
}
.reduced-motion .nav-dock button:hover,
.reduced-motion .class-choice:hover,
.reduced-motion .inventory-item:hover { transform: none; }

/* A live merchant vignette stays in view while recipe lists and bags scroll.
   It shares the world's accepted action state; there is no simulated timer. */
.action-stage {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  flex: 0 0 auto;
  min-height: 96px;
  padding: 0 26px 0 12px;
  border-bottom: 1px solid #c5a16c;
  background: #f6e5c0;
  box-shadow: inset 0 1px 0 #fff5de;
}
.action-stage[hidden] { display: none; }
.action-stage-canvas { display: block; width: 180px; height: 96px; }
.action-stage-copy { min-width: 0; padding: 9px 0; }
.action-stage-copy .eyebrow { display: block; font-size: 9px; margin-bottom: 3px; color: #896132; }
.action-stage-copy > strong { display: block; color: #58391f; font-size: 14px; line-height: 1.35; }
.action-stage-copy p { margin: 4px 0 0; color: #715236; font-size: 12px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 700px) {
  .action-stage { grid-template-columns: 116px minmax(0, 1fr); min-height: 74px; gap: 9px; padding: 0 13px 0 3px; }
  .action-stage-canvas { width: 116px; height: 74px; }
  .action-stage-copy { padding: 6px 0; }
  .action-stage-copy .eyebrow { font-size: 8px; letter-spacing: .07em; margin-bottom: 2px; }
  .action-stage-copy > strong { font-size: 12px; }
  .action-stage-copy p { font-size: 10px; margin-top: 3px; line-height: 1.4; }
}
@media (max-width: 380px), (max-height: 520px) {
  .action-stage { grid-template-columns: 100px minmax(0, 1fr); min-height: 64px; gap: 7px; }
  .action-stage-canvas { width: 100px; height: 64px; }
  .action-stage-copy .eyebrow { display: none; }
}

/* Ruckado family signature */
.ruckado-byline{display:flex;align-items:center;gap:5px;font:11px/1.2 sans-serif;letter-spacing:.04em;margin-top:7px;color:#68516f}
.ruckado-byline img{width:74px;height:auto;max-height:26px;object-fit:contain}
.game-ruckado{display:block;font-size:10px;line-height:1.2;color:#6d5279;margin:3px 0}
.site-footer a{color:inherit;font-size:13px;text-decoration:none}.site-footer a:hover{text-decoration:underline}
@media(max-width:600px){.site-header-right{gap:6px}.ruckado-games-button{font-size:11px;padding:9px}.ruckado-games-button svg{display:none}.ruckado-byline img{width:57px}.site-footer{flex-wrap:wrap;gap:14px}}

/* Direct, accessible game preferences and navigation. */
#panel[data-panel="settings"]{max-width:760px} .audio-settings{display:grid;gap:16px}.mute-card{display:flex;align-items:center;gap:16px;background:#eee2ce;border:1px solid #c4a779;border-radius:18px;padding:20px}.mute-card>.icon{width:32px;height:32px;color:#765336}.mute-card>div{flex:1;display:grid;gap:5px}.mute-card strong,.account-card strong{font-size:18px;color:#543a27}.mute-card span,.account-card span{font-size:12px;color:#795d42}.audio-channel{background:#fff8e9;border:1px solid #dcc59e;border-radius:16px;padding:4px 20px 20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0}.setting-row>span{display:flex;align-items:center;gap:12px}.setting-row .icon{width:24px;height:24px}.setting-row strong{font-size:15px;color:#5c402b}.toggle-button{min-height:44px;min-width:72px;font-size:13px}.toggle-button.on{background:#557b60;color:#fff9e9}.volume-row{display:flex;align-items:center;gap:14px;font-size:12px;color:#725639}.volume-row input{flex:1;min-width:40px;height:28px;accent-color:#527b60;cursor:pointer}.volume-row output{min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.settings-note{font-size:12px;line-height:1.6;color:#765c44}.control-method{margin-bottom:24px}.control-method h3,.menu-section h3{font-size:14px;color:#795b39;margin:0 0 13px}.control-method p{font-size:13px;line-height:1.6}.control-method .controls-grid{grid-template-columns:1fr 1fr;gap:12px}.control-method .controls-grid>div{display:flex;align-items:center;font-size:12px}.control-method kbd{min-width:85px;text-align:center}.account-card{display:flex;gap:14px;align-items:center;background:#efe6d5;border-radius:16px;padding:20px}.account-card>.icon{width:36px;height:36px}.account-card>div{display:grid;gap:5px}.settings-legal{display:flex;gap:24px;padding-top:24px;font-size:13px}.menu-resume{display:flex;gap:12px;margin-bottom:24px}.menu-section{margin-bottom:24px}.more-link>strong{flex:1;text-align:left;font-size:15px;color:#5b402a}.hud-audio[aria-pressed="true"]{color:#a65b46;background:#f6dfc5}.hud-audio,.hud-menu{min-width:44px;min-height:44px}.volume-row input:focus-visible{outline:3px solid #b47c36;outline-offset:3px} @media(max-width:600px){.mute-card{padding:14px;gap:10px}.mute-card .button{font-size:12px;padding:10px}.mute-card strong{font-size:15px}.audio-channel{padding:0 14px 14px}.control-method .controls-grid{grid-template-columns:1fr}.menu-resume{flex-wrap:wrap}.player-hud{gap:4px}.hud-audio,.hud-menu{width:40px;min-width:40px}.hud-level{display:none}.site-header-right{gap:8px}}

/* Sunday Swap: hands-on market day */
.journey-brand{background:#fff4dcf2;border:1px solid #c8aa71;border-radius:13px;padding:9px 14px;font-family:Georgia,serif;font-size:20px;font-weight:800;color:#4e362c;box-shadow:0 3px 0 #70533928;text-align:left}.journey-brand small{display:block;font:9px sans-serif;letter-spacing:2px;color:#6d526f;margin-top:3px}#hud-top{pointer-events:none;justify-content:space-between;align-items:flex-start;background:none;box-shadow:none}#hud-top>*{pointer-events:auto}.player-hud{padding:7px;background:#fff4dcec;border:1px solid #d7bd8f;border-radius:14px}.player-hud .hud-level{display:grid;gap:4px;font-size:11px;min-width:53px}.hud-level i{width:45px;height:4px;display:block;background:#c3bba3}.hud-level b{display:block;height:100%;background:#6d9477}.quest-track{top:100px;left:22px;width:258px}.quest-track-button{border-left:4px solid #ba8c45;padding:14px;background:#fff4dbf2}.quest-track-button strong{font-family:Georgia,serif;font-size:18px}.journey-dots{display:flex;gap:9px;padding-top:12px;font-size:10px}.journey-dots i{font-style:normal;color:#89745b}.journey-dots i.done{color:#4d7854}.journey-dots i.current{color:#a76736;font-weight:800}.carried-pill{display:flex;align-items:center;gap:8px;background:#fff3ddec;border:1px solid #c7ac7e;border-radius:13px;padding:5px 11px;margin-top:8px;text-align:left;max-width:100%}.carried-pill .item-art{width:40px;height:40px;min-width:40px}.carried-pill span{font-size:12px}.carried-pill small{display:block;margin-top:3px;color:#725c4b}.nav-dock{left:22px;right:auto;bottom:22px;transform:none;padding:5px;border:1px solid #cdb18a;background:#fff2dce8;gap:5px}.nav-dock button{width:68px;height:65px}.nav-dock kbd{font:9px sans-serif;background:none;border:none;padding:0;color:#8a735a}.market-feed{display:none}.interaction{bottom:30px;left:50%;transform:translateX(-50%)}.action-stage{display:none!important}.journey-route{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px;margin-bottom:28px}.journey-route>div{padding:20px;background:#eee0c5;border:1px solid #cab080;border-radius:14px}.journey-route>.journey-now{background:#dbe3cd}.journey-route h3{font-size:18px;margin:10px 0}.journey-route p{font-size:12px;line-height:1.5}.workshop-sign{margin-bottom:20px}.workshop-sign h3{font-size:30px;margin:8px 0 16px}.resume-project{display:flex;gap:15px;align-items:center;padding:15px;background:#dce4cd;border-radius:15px;margin-bottom:20px}.resume-project .item-art{width:70px;height:70px}.resume-project div{flex:1}.resume-project span{display:block;font-size:12px;padding-top:5px}.bench-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}.bench-choice-grid article{padding:17px;background:#fff8e8;border:1px solid #d6bd95;border-radius:17px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.bench-choice-grid .item-art{width:105px;height:105px}.bench-choice-grid h3{font-size:17px;margin:0}.bench-choice-grid article>span{font-size:12px}.bench-choice-grid .button{font-size:12px;padding:10px}.playground-top{display:flex;justify-content:space-between;align-items:center;padding:0 6px 12px;gap:12px}.playground-top h3{font-size:24px;margin:5px 0}.bench-stages{display:flex;gap:8px}.bench-stages i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#d5c5a5;font-size:12px;font-style:normal}.bench-stages i.current{background:#bb8543;color:white;box-shadow:0 0 0 3px #f5db9e}.bench-stages i.done{background:#54745a;color:#fff7db}.playground-surface{position:relative;width:100%;max-width:850px;margin:auto}.craft-canvas{width:100%;aspect-ratio:4/3;display:block;border-radius:22px;touch-action:none;cursor:grab;box-shadow:0 5px 12px #211c252e}.craft-canvas:active{cursor:grabbing}.craft-canvas:focus-visible{outline:3px solid #e5b660;outline-offset:4px}.bench-saved{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#fff0c7;font-size:10px;pointer-events:none;white-space:nowrap}.bench-caption{text-align:center;font-weight:700;min-height:28px;padding:14px 5px 4px;font-size:15px;color:#554027}.bench-footer{display:flex;gap:14px;align-items:center;justify-content:space-between;padding-top:10px}.bench-keyhint{font-size:10px;color:#806c50}#panel[data-panel="bench"]{width:min(900px,96vw);max-width:900px;max-height:96dvh;background:#f3e7cb;border:2px solid #b48a56}#panel[data-panel="bench"] .panel-header{padding:10px 22px 0}#panel[data-panel="bench"] #panel-heading{visibility:hidden;height:26px}#panel[data-panel="bench"] #panel-body{padding:0 22px 18px;overflow:auto}#panel[data-panel="bench"] .craft-canvas{max-height:calc(96dvh - 225px)}#panel[data-panel="sale"],#panel[data-panel="reward"]{width:min(620px,94vw);max-width:620px;background:#fff0d6;border:2px solid #bc9359}.sale-meeting{display:flex;gap:18px;align-items:center}.sale-meeting .npc-portrait{width:80px;height:80px;min-width:80px}.sale-meeting h3{font-size:25px;margin:7px 0}.sale-meeting p{font-size:14px}.sale-object{display:flex;align-items:center;justify-content:center;gap:22px;margin:25px 0;padding:12px;background:radial-gradient(ellipse,#e7d8b7,transparent 70%)}.sale-object>.item-art{width:170px;height:170px}.sale-object h3{font-size:26px}.sale-tags{display:flex;gap:10px;font-size:12px}.sale-tags>span{padding:7px;background:#d6e1c7;border-radius:8px}.sale-numbers{display:flex;justify-content:space-around;background:#ead9b8;border-top:1px dashed #9f8355;border-bottom:1px dashed #9f8355;padding:18px 0}.sale-numbers small{display:block;font-size:11px;color:#766344}.sale-numbers strong{display:block;font-size:26px;color:#4a663e;margin-top:6px}.sale-numbers i{font-size:12px;font-style:normal}.sale-decisions{display:flex;justify-content:center;gap:12px;margin-top:24px}.result-card{text-align:center;position:relative}.result-card>.item-art{display:block;width:175px;height:175px;margin:20px auto;background-color:#e7d9bb;border-radius:50%}.result-card h3{font-size:34px;margin:12px 0}.result-card p{color:#755a41}.result-flourish{font-size:40px;color:#c2974c;position:absolute;right:30px;top:30px}.result-rewards{display:flex;justify-content:center;gap:16px;margin:22px 0;color:#557348}.result-card .button-row{justify-content:center}.panel-open .touch-controls{display:none!important}
@media(max-width:700px){.journey-brand{font-size:15px;padding:7px 9px}.journey-brand small{font-size:7px}.quest-track{top:79px;left:10px;width:210px}.quest-track-button{padding:10px}.quest-track-button strong{font-size:15px}.journey-dots{padding-top:7px;font-size:9px}.nav-dock{top:auto;bottom:12px;left:50%;transform:translateX(-50%);right:auto}.nav-dock button{width:48px;height:43px}.nav-dock .icon{width:20px;height:20px}.nav-dock kbd{display:none}.interaction{bottom:190px;left:50%;width:max-content;max-width:90vw}.walk-hint{font-size:11px}.touch-controls{bottom:74px}.touch-actions{gap:9px}.touch-actions button span{font-size:10px;display:block}.touch-actions button{min-width:64px;min-height:64px}.journey-route{grid-template-columns:1fr}.journey-route>div:not(:first-child){padding:12px}.journey-route h3{margin:5px 0}.resume-project{flex-wrap:wrap}.bench-keyhint{display:none}.bench-footer{gap:7px}.bench-footer .button{font-size:12px;padding:12px}.playground-top h3{font-size:18px}.playground-top .eyebrow{font-size:9px}.bench-stages{gap:5px}.bench-stages i{width:22px;height:22px;font-size:10px}#panel[data-panel="bench"]{width:100vw;max-width:none;border-radius:0;max-height:100dvh;margin:0;min-height:100dvh}#panel[data-panel="bench"] #panel-body{padding:5px 10px 18px}#panel[data-panel="bench"] .craft-canvas{aspect-ratio:4/5;max-height:calc(100dvh - 225px)}.bench-saved{bottom:18px}.sale-object>.item-art{width:120px;height:120px}.sale-object h3{font-size:20px}.sale-decisions{flex-wrap:wrap}.sale-decisions .button{font-size:12px}.sale-meeting h3{font-size:21px}.carried-pill{max-width:210px}.carried-pill .item-art{height:32px;width:32px;min-width:32px}.player-hud .hud-level{display:none}.journey-brand{max-width:110px}.player-hud{gap:2px;padding:4px}.player-hud .icon-button{width:34px;min-width:34px;height:36px}.player-hud .hud-wallet{padding:5px;font-size:13px}.player-hud .hud-wallet .icon{width:19px}.result-card h3{font-size:28px}}
@media(max-height:580px) and (min-width:701px){#panel[data-panel="bench"]{max-width:720px}.craft-canvas{max-height:300px}.bench-keyhint{display:none}.quest-track{width:220px}.quest-track-button{padding:10px}.journey-dots{display:none}}

#panel[data-panel="sale"]::backdrop{backdrop-filter:blur(1px);background:#19392b40}.arcade-cabinet{padding:22px;background:linear-gradient(110deg,#794f36,#aa7148,#64432e);border:8px solid #bd8a4b;border-radius:25px;text-align:center;max-width:530px;margin:auto}.arcade-marquee{font:900 28px Georgia;letter-spacing:4px;background:#204739;color:#ffdf9d;padding:18px;border:3px solid #ddb773;border-radius:12px}.arcade-screen{width:100%;aspect-ratio:1;display:block;border:8px solid #312e26;border-radius:14px;margin-top:15px;touch-action:none}.arcade-score{color:#ffe7af;font:700 18px Georgia;margin:18px}.arcade-instructions{font-size:12px;color:#ffe7c4;margin:13px}.arcade-cabinet .button{background:#d29253}.bench-undo{font-size:12px!important;padding:10px!important}
/* Keep illustrated parts in proportion on phones and shallow Discord windows. */
#panel[data-panel="bench"] .playground-surface{max-width:min(100%,calc(128dvh - 300px))}
#panel[data-panel="bench"] .craft-canvas{aspect-ratio:4/3;height:auto;max-height:none}
@media(max-width:700px){
 #panel[data-panel="bench"]{min-height:0;width:98vw;max-height:98dvh;margin:auto;border-radius:20px}
 #panel[data-panel="bench"] .playground-surface{max-width:100%}
 #panel[data-panel="bench"] .craft-canvas{aspect-ratio:4/3;height:auto;max-height:none}
 .bench-caption{font-size:14px}.bench-saved{font-size:8px;bottom:12px}
}
/* Opening-day stories, neighborhood paths and staged collection showcases. */
.reward-spotlight{outline:4px solid #edb85f;outline-offset:6px;box-shadow:0 0 0 13px #eebc642a,0 18px 45px #5d422b33;animation:reward-glow 1.2s ease 3;scroll-margin:40px}
@keyframes reward-glow{50%{outline-color:#fff2bc;box-shadow:0 0 0 17px #eebc644a}}
.path-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 22px}.path-card{position:relative;display:grid;grid-template-columns:72px 1fr;gap:5px 12px;align-items:center;text-align:left;padding:16px;border:1px solid #bba885;background:#f5e6c9;border-radius:16px;color:#3e5549;box-shadow:0 4px 0 #b7a28233;cursor:pointer}.path-card>.item-art{grid-row:1/3;width:72px;height:72px}.path-card>span:not(.item-art){font-size:12px;line-height:1.5}.path-card>svg{position:absolute;right:12px;top:12px;width:16px}.path-card:hover{transform:translateY(-2px);background:#fff1d5}.path-card:focus-visible{outline:3px solid #488f88;outline-offset:3px}
.market-moment{text-align:center;max-width:680px;margin:auto;padding:5px 0 20px}.market-moment>.stall-illustration{width:min(390px,90%);height:290px;margin:0 auto 10px;display:block}.market-moment>.collection-art{width:100%;height:280px;display:block;border-radius:22px;overflow:hidden;box-shadow:0 8px 25px #493e3329}.market-moment h3{font-family:Georgia,serif;font-size:clamp(25px,5vw,39px);line-height:1.15;margin:16px 0}.market-moment p{max-width:520px;margin:15px auto;line-height:1.65}.market-moment>.eyebrow{display:block;margin-top:22px}.moment-price{display:block;font:700 27px Georgia;margin:14px}.market-moment .button-row{justify-content:center;margin:20px 0}.mentor-quote{display:flex;align-items:center;text-align:left;background:#e5ddbf80;border-radius:20px;padding:6px 20px}.mentor-quote>.merchant-portrait{flex:0 0 84px;height:100px}.opening-trail{display:flex;justify-content:center;gap:13px;align-items:center;margin:24px 0;color:#4a7865;font-weight:800}.opening-trail i{color:#b6925e}.friend-benefits{display:flex;justify-content:center;gap:14px;margin:25px 0}.friend-benefits>span{background:#e9dfc8;border-radius:13px;padding:17px;font-size:13px;line-height:1.8}
.neighbor-banner{padding:24px;border-radius:20px;background:linear-gradient(130deg,#dae7d1,#f5dfbd);margin-bottom:20px}.neighbor-banner h3{font:700 29px Georgia;margin:10px 0}.neighbor-banner p{max-width:560px;line-height:1.6}.neighbor-cards{display:grid;gap:16px}.neighbor-cards article{display:flex;gap:20px;align-items:center;padding:18px;border:1px solid #c4b492;border-radius:20px;background:#f6e8cb}.neighbor-cards .stall-illustration{width:180px;height:160px;flex-shrink:0}.neighbor-cards article h3{margin:0 0 8px}.neighbor-gift{display:flex;align-items:center;gap:10px;font-size:13px;margin:10px 0}.neighbor-gift .item-art{width:45px;height:45px}.recipe-plan{text-align:center}.recipe-plan>.item-art{width:120px;height:120px}.recipe-plan>h3{font:700 29px Georgia}.recipe-shopping{margin:25px 0;display:grid;gap:10px}.recipe-shopping>div{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#eee2c8;text-align:left}.recipe-shopping .item-art{width:52px;height:52px;flex-shrink:0}.recipe-shopping>div>span:not(.item-art){flex:1}.recipe-shopping .button{font-size:12px;padding:11px}.recipe-plan .button{margin:5px}.bench-caption{min-height:44px;display:flex;align-items:center;justify-content:center}.craft-canvas{touch-action:none;cursor:grab}.craft-canvas:active{cursor:grabbing}.market-paths{border-top:2px dashed #baa889;margin-top:25px;padding-top:12px}
@media(max-width:550px){.path-cards{grid-template-columns:1fr}.market-moment>.collection-art{height:210px}.market-moment>.stall-illustration{height:220px}.neighbor-cards article{flex-direction:column;align-items:stretch}.neighbor-cards .stall-illustration{width:100%;height:180px}.friend-benefits{gap:6px}.friend-benefits>span{padding:10px 7px;font-size:11px}.recipe-shopping>div{flex-wrap:wrap}.recipe-shopping .button{width:100%}.opening-trail{gap:8px;font-size:13px}.mentor-quote{padding:6px 10px}.mentor-quote>.merchant-portrait{flex-basis:65px}.journey-route{grid-template-columns:1fr}.journey-route>div:not(:first-child){display:none}}
@media(prefers-reduced-motion:reduce){.reward-spotlight{animation:none}.path-card:hover{transform:none}}

.journey-dots i{display:flex;align-items:center;gap:3px}.journey-dots small{font:inherit}.tank-decorations{padding:10px 16px;background:#ece4c7;border-radius:12px;color:#294e48}.tank-decorations>span{font-weight:800}.tank-decorations>div,.transfer-items{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.tank-decorations button,.transfer-items button{border:1px solid #b6b491;background:#fff7df;border-radius:12px;padding:6px;color:#25483e;cursor:pointer;display:grid;place-items:center}.tank-decorations .item-art,.transfer-items .item-art{width:58px;height:58px}.stock-transfer{margin-top:22px;padding:18px;border-radius:15px;background:#efe8cc}.stock-transfer summary{cursor:pointer;font-weight:800}.transfer-items button{width:110px}.reward-spotlight{scroll-margin-top:12px}@media(max-width:600px){.journey-dots{gap:5px}.journey-dots small{display:none}.journey-dots i.current small{display:inline}.tank-decorations .item-art{width:42px;height:42px}}

.creation-preview{display:block;width:100%;max-width:420px;aspect-ratio:4/3;border-radius:18px;margin:12px auto}.item-detail-art:has(.creation-preview){height:auto}.journey-dots{flex-wrap:wrap}

.neighbor-gift-prompt{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff3ce;border:2px solid #aa8b4e;border-radius:13px;color:#304e43;font:700 12px var(--font-body);box-shadow:0 4px 12px #24433133;cursor:pointer}.neighbor-gift-prompt .icon{width:20px;height:20px}

/* Play-first market day. Color lives on the craft, the tools and the route. */
body{--play-ink:#234b50;--play-teal:#257f78;--play-yellow:#ffd56e;--play-coral:#ea805c}
.shop-audition{--craft:#e99a39;min-height:100dvh;padding:20px clamp(14px,3vw,55px) 16px;color:#234b50;background:radial-gradient(ellipse at 12% 22%,#fff2b8b0,transparent 45%),radial-gradient(ellipse at 94% 30%,#97ded6a0,transparent 45%),#f5efda;position:relative;overflow:hidden}
.shop-audition:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:url('/.proxy/art/market-cover.webp');background-position:center;background-size:cover;opacity:.055}
.shop-audition>*{position:relative}.audition-top{display:flex;justify-content:space-between;align-items:center;max-width:1380px;margin:auto}.audition-logo{font:900 28px Georgia;color:#b8563a;line-height:1;text-decoration:none;display:flex;gap:14px;align-items:center}.audition-logo>span{font:12px sans-serif;color:#675f4d;display:flex;align-items:center;gap:6px}.audition-logo img{width:65px}.audition-heading{text-align:center;margin:12px auto 18px}.audition-heading .eyebrow{color:#458579;font-size:11px}.audition-heading h1{font:800 clamp(30px,4vw,53px)/1.05 Georgia;margin:6px 0;color:#244e50;text-shadow:0 3px #fff5dc}
.craft-cast{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;max-width:1200px;margin:0 auto 22px}.cast-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;border:2px solid #d6c7a3;background:#fff8e8;padding:5px 4px 9px;border-radius:16px;box-shadow:0 4px #c5b38b;cursor:pointer;transition:transform .15s,background .15s}.cast-card .merchant-portrait{width:100%;height:auto;aspect-ratio:3/4;max-width:60px;border-radius:11px;background:color-mix(in srgb,var(--cast-color) 25%,#fff3d2)}.cast-card .portrait-sprite{border-radius:inherit}.cast-card>span:last-of-type{font-weight:800;font-size:11px;white-space:nowrap;color:#415b53}.cast-card:hover{transform:translateY(-4px)}.cast-card.chosen{background:color-mix(in srgb,var(--cast-color) 28%,#fff8dc);border-color:#2c897b;box-shadow:0 4px #2c897b;transform:translateY(-4px)}.cast-tick{position:absolute;top:-7px;right:-5px;background:#2c897b;color:white;border:2px solid #fff5db;border-radius:50%;width:23px;height:23px;font-size:14px}
.audition-stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.85fr);gap:28px;max-width:1200px;margin:0 auto;align-items:stretch}.craft-film{position:relative;align-self:center;border:7px solid #fff1cb;border-radius:29px;background:#34766c;box-shadow:0 7px 0 #b99d72,0 16px 30px #467b7030;overflow:hidden}.craft-film>canvas{width:100%;aspect-ratio:4/3;display:block}.film-stamp{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:5px;background:#fff2c9ed;color:#3d6e60;border-radius:18px;padding:5px 12px;font-size:11px;font-weight:800}.film-stamp .icon{width:17px;height:17px}.film-shop{position:absolute;bottom:20px;right:12px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.film-shop>.stall-illustration{display:block;width:120px;height:108px;filter:drop-shadow(0 6px 4px #173a3260)}.film-shop>span{font-size:9px;padding:5px 9px;background:#fff0c6;border:2px solid #a8753e;border-radius:8px;color:#6d452d;font-weight:800}
.craft-invitation{padding:18px 0;display:flex;flex-direction:column;justify-content:center;gap:16px}.craft-title{display:flex;align-items:center;gap:12px}.craft-title>.merchant-portrait{width:76px;height:94px;background:color-mix(in srgb,var(--craft) 30%,#fff2d5);border:3px solid #fff8e5;box-shadow:0 4px #cbb58f}.craft-title h2{font:800 clamp(24px,3vw,36px)/1.08 Georgia;margin:7px 0 0;color:#284d49}.craft-title .eyebrow{color:#956330}.craft-verbs{display:flex;align-items:center;gap:12px}.craft-verbs span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:800;flex:1}.craft-verbs .icon{width:39px;height:39px;padding:7px;border-radius:12px;background:color-mix(in srgb,var(--craft) 24%,#fff5d8);color:#477f6e}.craft-verbs i{font-size:27px;color:#b69666}.first-project-tag{display:flex;gap:12px;align-items:center;background:#fff7e6;border:2px dashed #d7b46c;border-radius:16px;padding:6px 12px}.first-project-tag .item-art{width:58px;height:58px;background:transparent}.first-project-tag small{display:block;font-size:9px;letter-spacing:1.3px;color:#9b713b;margin-bottom:6px}.first-project-tag strong{font-size:14px}.craft-invitation form{display:grid;gap:8px}.craft-invitation form>label{font-size:12px;font-weight:800}.craft-invitation input{background:#fffaf0;border:2px solid #cdbb95;border-radius:12px;padding:10px 13px;font-size:15px;min-width:0}.shop-name-option{font-size:11px;color:#75836e}.shop-name-option summary{cursor:pointer;display:flex;align-items:center;gap:7px}.shop-name-option .icon{width:12px;height:12px}.shop-name-option input{margin-top:7px;width:100%}.button.play-primary{background:#f5c955;color:#294f45;border:2px solid #a8803c;box-shadow:0 5px #9d793c;border-radius:17px;font-size:18px;padding:17px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;transition:transform .1s}.play-primary:active{transform:translateY(3px);box-shadow:0 2px #9d793c}.free-craft{text-align:center;color:#487d70;font-size:11px}.audition-footer{display:flex;justify-content:center;align-items:center;gap:22px;font-size:11px;margin:28px auto 0}.audition-footer button{display:flex;align-items:center;gap:5px;background:none;border:none;color:inherit;font:inherit;cursor:pointer}.audition-footer .icon{width:15px;height:15px}.audition-footer a{color:#607e6c}.audition-footer button:hover,.audition-footer a:hover{color:#ac5e35}
#panel[data-panel="newShop"]{width:min(1300px,98vw);max-width:1300px;background:#f3edda}#panel[data-panel="newShop"] .shop-audition{min-height:0;padding:0;background:none}#panel[data-panel="newShop"] .audition-heading{margin-top:0}#panel[data-panel="newShop"] .craft-cast{gap:5px}#panel[data-panel="newShop"] .panel-header{padding-bottom:0}#panel[data-panel="newShop"] #panel-heading{visibility:hidden;height:15px}
.shop-reveal{text-align:center;padding:0 12px 20px}.shop-reveal>h2{font:800 clamp(26px,5vw,40px) Georgia;color:#285b53;margin:8px 0 0}.reveal-stall{position:relative;display:grid;place-items:center;margin:0 auto 15px;width:min(390px,95%);height:270px;background:radial-gradient(ellipse,#c7e4c2 10%,transparent 70%)}.reveal-stall .stall-illustration{width:100%;height:260px;filter:drop-shadow(0 9px 5px #5a695136)}.you-badge{position:absolute;bottom:8px;display:flex;gap:6px;align-items:center;background:#2c8277;color:#fff6cd;border:3px solid #f4cc64;padding:8px 20px;border-radius:15px;font-weight:800}.you-badge .icon{width:19px;height:19px}.reveal-project{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 20px}.reveal-project .item-art{width:75px;height:75px;background:#e8d8ae;border-radius:50%}.reveal-project small{display:block;font-size:9px;letter-spacing:1px;color:#9b733c;margin-bottom:5px}.shop-reveal>.play-primary{margin:auto}.shop-reveal>.text-link{margin:20px auto 0}
#panel{background:#fff2d6;background-image:none;border:3px solid #498a7d;box-shadow:0 8px 0 #235d57,0 25px 80px #153d4566;border-radius:25px}#panel .panel-header{background:#d5e6c8;border:none;border-bottom:2px solid #a9c99d;border-radius:21px 21px 0 0}#panel .panel-header h2{color:#285c54}#panel .panel-close{background:#e98562;border:2px solid #9e4d3c;color:white;box-shadow:0 3px #9e4d3c;border-radius:12px}#panel .panel-tabs{background:#dfebd0}.panel-tab.active{background:#277f75;color:#fff6dc;border-radius:13px}.panel-dialog::backdrop{background:#173d4b77;backdrop-filter:blur(3px)}
#panel[data-panel="bench"]{border:0;box-shadow:none;border-radius:27px;background:transparent;width:min(1050px,98vw);max-width:1050px;max-height:98dvh}#panel[data-panel="bench"] .panel-header{background:none;border:0;padding:0 12px;position:absolute;right:0;top:10px;z-index:3}#panel[data-panel="bench"] #panel-heading{display:none}#panel[data-panel="bench"] #panel-body{padding:0;overflow:auto}.playground-top{background:#277f75;color:#fff1bd;padding:14px 70px 14px 24px;border-radius:23px 23px 0 0}.playground-top h3{color:#fff4d7;font-size:23px}.playground-top .eyebrow{color:#d2e6b6;font-size:10px}.bench-stages i{background:#21655e;color:#b7d2b6}.bench-stages i.current{background:#f6cd65;color:#58421e}.craft-canvas{border-radius:0 0 25px 25px;box-shadow:none}#panel[data-panel="bench"] .craft-canvas{max-height:none}.bench-caption{background:#fff1cf;color:#305d52;margin:0 auto;padding:12px 18px;border-radius:0 0 17px 17px;width:fit-content;font-size:16px;box-shadow:0 4px #a28d61}.bench-footer{padding:14px 5px}.bench-footer .button{background:#fff2d0;border:2px solid #bfa15f;box-shadow:0 4px #80613e;color:#375c50}.bench-footer .test-work{background:#f8ce64;font-size:18px;padding:14px 23px}.bench-keyhint{background:#214f49bc;padding:6px 10px;border-radius:9px;color:#fff4d3}.bench-saved{display:none}.tank-decorations{background:#dceaca;border-radius:15px;padding:10px}
.quest-track{width:295px;top:95px;left:18px}.play-objective{display:flex;align-items:center;gap:10px;width:100%;border:3px solid #f6d06d;border-radius:20px;background:#267a70;color:#fff9dc;padding:10px;box-shadow:0 5px #174f49;text-align:left;cursor:pointer}.play-objective .item-art{width:68px;height:68px;background:#fff0c8;border-radius:14px;border:2px solid #a8cead}.play-objective>span{min-width:0;flex:1}.play-objective small{display:block;font-size:10px;color:#cbe7c5;font-weight:700}.play-objective strong{display:block;font:800 18px/1.12 Georgia;margin:5px 0}.play-objective i{font:800 10px sans-serif;display:flex;align-items:center;gap:5px;color:#fbd873}.play-objective i .icon{width:15px;height:15px}.play-objective>b .icon{width:18px;height:18px}.chapter-beads{display:flex;gap:7px;justify-content:center;margin:10px 0}.chapter-beads>span{display:grid;place-items:center;background:#486c5bca;color:#aec3a5;width:24px;height:24px;border-radius:50%;border:1px solid #a9b68b}.chapter-beads .icon{width:14px;height:14px}.chapter-beads .current{background:#f4c965;color:#584f2d;box-shadow:0 0 0 3px #fff4c952}.chapter-beads .done{background:#54a084;color:#fff5d3}.nav-dock{background:#287569e8;border:2px solid #d8bd7c;box-shadow:0 5px #315148;border-radius:18px}.nav-dock button{color:#fff0c9;border-radius:12px}.nav-dock .home-workshop{width:100px;background:#eec763;color:#2d5c50}.nav-dock .icon{width:24px;height:24px}.nav-dock kbd{color:#e1deb8}.player-hud{border:2px solid #d7bb72;background:#fff3d9f5}.route-status,#route-status{border-radius:16px;background:#297c70;color:#fff0ce}
#panel[data-panel="reward"]{border:3px solid #ddae50;background:radial-gradient(ellipse at 50% 26%,#fff9d7 0,#f9dea0 55%,#eabb67 100%);box-shadow:0 8px #8d6a35,0 25px 80px #153d4566;width:min(650px,96vw)}#panel[data-panel="reward"] .panel-header{background:transparent;border:0}#panel[data-panel="reward"] #panel-heading{height:15px;visibility:hidden}.celebration{text-align:center;padding:0 10px 16px}.celebration h2{font:900 clamp(29px,5vw,48px) Georgia;color:#b45f37;margin:7px 0;text-shadow:0 3px #fff8e1}.celebration h3{font-size:20px;color:#38675c}.reward-stars{font-size:30px;color:#cf9441;display:flex;justify-content:center;gap:50px;line-height:1}.reward-stars i{font-size:43px;font-style:normal}.reward-display{margin:10px auto;width:min(310px,78vw);height:220px;display:grid;place-items:center;background:radial-gradient(ellipse,#ffffffb0,transparent 70%)}.reward-display>.item-art{width:180px;height:180px;background:none}.reward-display canvas{width:100%;aspect-ratio:4/3;border-radius:22px;box-shadow:0 5px #ae8647}.reward-tokens{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0}.reward-tokens>span{display:flex;align-items:center;gap:6px;border:2px solid #d4af66;border-radius:15px;padding:8px 13px;background:#fff4d3;font-weight:800;color:#407564}.reward-tokens .icon{width:22px;height:22px}.next-toy{display:flex;align-items:center;gap:15px;width:100%;max-width:470px;margin:22px auto 15px;border:3px solid #1b6258;border-radius:18px;background:#2c8b7b;color:#fff4d0;padding:12px;box-shadow:0 5px #1b6258;text-align:left;cursor:pointer}.next-toy>.item-art{width:62px;height:62px;background:#f6e6bf;border-radius:12px}.next-toy>span{flex:1}.next-toy small{display:block;font-size:11px;color:#c0e2b9;margin-bottom:5px}.next-toy strong{font-size:19px}.next-toy>b .icon{width:25px;height:25px}.celebration>.text-link{font-size:11px;color:#765b37}
@media(min-width:1100px){.shop-audition{height:100dvh;min-height:740px}.craft-film{max-height:530px}.craft-film canvas{max-height:510px}.audition-heading{margin-top:5px}.audition-footer{margin-top:20px}}
@media(max-width:760px){.shop-audition{padding:14px 14px 18px}.audition-heading{margin:18px auto}.audition-logo{font-size:24px}.craft-cast{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:16px}.cast-card{border-radius:13px;padding:4px 3px 6px}.cast-card .merchant-portrait{max-width:46px;aspect-ratio:3/4}.cast-card>span:last-of-type{font-size:9px}.audition-stage{grid-template-columns:1fr;gap:8px}.craft-film{border-width:4px;border-radius:21px}.craft-film canvas{max-height:370px}.film-shop>.stall-illustration{width:92px;height:85px}.film-shop>span{font-size:8px}.craft-invitation{display:grid;grid-template-columns:1fr;gap:12px;padding:12px 3px}.craft-title>.merchant-portrait{display:none}.craft-title h2{font-size:27px}.craft-verbs{gap:8px}.craft-verbs span{flex-direction:row;font-size:12px}.craft-verbs .icon{width:28px;height:28px;padding:5px}.first-project-tag{display:none}.craft-invitation form{display:grid;grid-template-columns:1fr;gap:9px}.shop-name-option{display:none}.audition-footer{flex-wrap:wrap;gap:13px;margin-top:24px}.quest-track{top:78px;left:12px;width:235px}.play-objective{gap:7px;padding:7px}.play-objective .item-art{width:48px;height:48px}.play-objective strong{font-size:15px}.play-objective small{font-size:9px}.chapter-beads{gap:5px;justify-content:flex-start;margin-left:10px}.chapter-beads>span{width:20px;height:20px}.chapter-beads .icon{width:12px;height:12px}.carried-pill .item-art{width:30px;height:30px;min-width:30px}.nav-dock .home-workshop{width:78px}.nav-dock button{height:50px;width:48px;font-size:9px}.nav-dock{bottom:160px;left:10px;padding:3px}.nav-dock .icon{width:20px;height:20px}.playground-top{padding:14px 48px 12px 13px}.playground-top h3{font-size:18px}.bench-stages{gap:5px}.bench-stages i{width:18px;height:18px;font-size:9px}.bench-caption{font-size:13px;max-width:95%;padding:10px 12px}.bench-footer{padding:12px 8px}.bench-keyhint{display:none}.bench-footer .test-work{font-size:15px;padding:12px 16px}#panel[data-panel="bench"] .craft-canvas{aspect-ratio:4/3}#panel[data-panel="newShop"] .audition-stage{grid-template-columns:1fr}.shop-reveal{padding:0 0 8px}.reveal-stall{height:220px}.reveal-stall .stall-illustration{height:220px}.reveal-project .item-art{width:58px;height:58px}.shop-reveal>.play-primary{font-size:15px;padding:14px}.celebration{padding:0 0 12px}.reward-display{height:190px}.reward-tokens{gap:5px}.reward-tokens>span{font-size:12px;padding:7px 9px}.next-toy strong{font-size:16px}.next-toy{gap:9px}.next-toy>.item-art{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.cast-card{transition:none}.reward-stars{animation:none}}

.panel-notices{position:sticky;bottom:10px;left:0;right:0;z-index:10;margin:0 16px 12px;pointer-events:none}.panel-notices .toast{pointer-events:auto;max-width:100%;background:#fff4d5;box-shadow:0 3px 12px #312e2440}.project-kit{text-align:center;padding:0 12px 15px;max-width:580px;margin:auto}.project-kit h3{font:700 28px Georgia;color:#2e695f;margin:10px 0 20px}.kit-project{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#ffde7d,transparent 68%);height:180px}.kit-project>.item-art{width:155px;height:155px;background:none}.kit-project>span{position:absolute;right:25%;top:14%;color:#cb9246;font-size:36px}.kit-pieces{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:15px 0 28px}.kit-pieces>div{display:flex;flex-direction:column;align-items:center;background:#edf0d9;border:2px solid #a3bfa2;border-radius:18px;padding:10px;min-width:115px;flex:1}.kit-pieces .item-art{width:68px;height:68px;background:none}.kit-pieces strong{font-size:13px}.kit-pieces small{font-size:11px;margin-top:6px;color:#477568}.project-kit>.play-primary{width:100%}.project-kit>small{display:block;color:#6f806c;margin-top:15px;font-size:11px}.project-kit>p{font-size:12px;color:#697e6c}.sale-numbers{background:#e5eacb;border-radius:18px;border:2px solid #aec297}.sale-decisions .button{font-size:16px}.sale-object .item-art{width:160px;height:160px;background:none}.sale-meeting{background:#f4ecd5;border-radius:18px;padding:12px}.sale-meeting .eyebrow{display:none}
@media(max-width:450px){.craft-film canvas{max-height:260px}.kit-pieces{gap:6px}.kit-pieces>div{min-width:80px;padding:8px}.kit-pieces strong{font-size:11px}.project-kit h3{font-size:23px}.sale-object .item-art{width:115px;height:115px}.sale-decisions{flex-wrap:wrap}.sale-decisions .button:first-child{width:100%}}
@media(max-width:760px){.nav-dock{transform:none;left:10px}.shop-audition{min-height:100dvh}}

.repair-shelf{margin-top:24px;border-top:2px dashed #c1b18e;padding-top:20px}.repair-shelf>h3{font:700 25px Georgia;color:#376a5b}.repair-shelf>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.repair-project{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid #adc6a9;background:#edf0d4;border-radius:18px;padding:12px;color:#375e4f}.repair-project .item-art{width:110px;height:110px;background:none}.repair-project span:last-child{font-size:12px;color:#805b2f}.repair-project.locked{filter:saturate(.45);opacity:.7}.repair-project strong{font-size:13px}.repair-project:hover:not(:disabled){background:#ffe19a;transform:translateY(-3px)}@media(max-width:500px){.repair-shelf>div{grid-template-columns:repeat(2,1fr)}.repair-project .item-art{width:95px;height:95px}.bench-stages{max-width:145px;flex-wrap:wrap}.bench-stages i{width:15px;height:15px}}

.fabric-pages{display:flex;justify-content:center;gap:8px;padding:8px;flex-wrap:wrap}.fabric-pages[hidden]{display:none}.fabric-pages button[aria-pressed=true]{background:#f0cc88;color:#513b30;box-shadow:inset 0 0 0 2px #bd844a}.bench-stages{flex-wrap:wrap}.bench-caption{min-height:2.6em}.craft-canvas{touch-action:none}

.next-toy>.item-art{flex:0 0 62px}.reward-display{height:auto;min-height:220px}.reward-display canvas{margin:0}.bench-feedback{text-align:center;font-size:12px;color:#795a3d;min-height:0;margin:0 12px}.bench-feedback:not(:empty){margin:-9px 12px 12px}

/* Clear instructions stay above every toy, including short phone screens. */
.bench-guide{position:sticky;top:0;z-index:2;background:#fff1cf;padding:12px 20px;text-align:center;border-bottom:2px solid #d8ba7c;box-shadow:0 3px 8px #493d2518}.bench-guide .bench-caption{padding:0;margin:0 auto;box-shadow:none;border-radius:0;min-height:0;width:auto;max-width:100%;font-size:17px}.bench-help{max-width:700px;margin:6px auto 0;color:#426558;font-size:13px;line-height:1.45}.bench-guide .bench-feedback{margin:6px 0 0;min-height:1.45em;line-height:1.45;color:#79502d;font-weight:700}.meter-action{margin-top:9px;background:#f4cf6b;border:2px solid #bc9043;color:#30594c}.opening-explanation{max-width:480px;margin:0 auto 12px;font-size:15px;color:#496553}.opening-route{list-style:none;display:flex;gap:10px;justify-content:center;counter-reset:opening;margin:10px auto 20px;padding:0;max-width:520px}.opening-route li{flex:1;font-size:12px;color:#71806b;padding:10px 5px;border-radius:12px;background:#e7e6d0}.opening-route li:before{counter-increment:opening;content:counter(opening);display:block;font-weight:bold;font-size:20px}.opening-route .done{background:#d8e8cb;color:#426849}.opening-route .current{background:#f5d681;color:#52452c;box-shadow:0 0 0 2px #cda54f}.shop-reveal .reveal-stall{height:170px}.shop-reveal .reveal-stall .stall-illustration{height:170px}.shop-reveal .play-primary{max-width:100%}
@media(max-width:760px){.bench-guide{padding:10px 12px}.bench-guide .bench-caption{font-size:14px}.bench-help{font-size:12px}.opening-route{gap:5px}.opening-route li{font-size:11px}.opening-explanation{font-size:13px}.shop-reveal h2{font-size:28px}.meter-action{font-size:12px;min-height:36px;padding:6px 12px}}

.custom-item-sprite{display:block;width:100%;height:100%;object-fit:contain}

.design-book-intro{padding:20px;background:#f4e4c3;border-radius:18px;margin-bottom:18px}.design-book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}.design-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;background:#fff4dd;border:1px solid #c6ac7c;border-radius:16px;gap:7px}.design-card canvas{width:100%;max-width:200px;height:auto;background:#eadbbd;border-radius:12px}.design-card h4{margin:0;font-size:16px}.design-card small{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#67766a}.design-card>span{font-size:12px;color:#796b55;min-height:32px}.design-card .button{margin-top:auto}.fabric-pages{flex-wrap:wrap}

.starter-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.starter-design-preview{background:#f2e3c8;border-radius:12px;padding:6px;text-align:center;font-size:12px}.starter-design-preview canvas{width:100%;height:auto}.starter-design-bundle{padding:14px;background:#fff3d9;border-radius:14px;margin:15px 0}.starter-design-bundle details{margin:12px 0}.starter-design-bundle summary{cursor:pointer;font-weight:700}

.coin-pack-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,#fff0b8,#e4b35b);color:#7e4e21}.coin-stack{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#f3c95b;border:8px solid #ffdf81;box-shadow:0 10px 0 #c89031,0 17px 0 #e5af41,0 24px 0 #ad7629;font-size:45px;margin-bottom:25px}.coin-pack-art strong{font-size:24px}.design-card[hidden]{display:none}.design-book-intro input{display:block;width:min(100%,420px);margin:8px 0 20px}.starter-design-bundle details{margin-top:18px}

.store-banner{display:block;position:relative;background:#eddfbd;overflow:hidden}.store-banner img{width:100%;height:100%;object-fit:cover;display:block}.store-banner strong{position:absolute;bottom:12px;right:12px;padding:8px 14px;background:#fff3d8e8;border-radius:12px;color:#68482c}.product-detail>.starter-design-bundle{grid-column:1/-1}.product-detail .store-banner{aspect-ratio:17/6;width:100%;height:auto}.product-detail .store-banner img{height:auto}

.product-visual>.store-banner{grid-column:1/-1}

/* Made Together project book: visible recipes, useful shop connections. */
.project-book-hero{display:flex;gap:24px;align-items:center;padding:30px;border-radius:24px;background:#285f55;color:#fff1cd;margin-bottom:20px}.project-book-hero h2{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:12px 0}.project-book-hero p{max-width:520px;color:#e7e7c6;line-height:1.6}.project-book-hero strong{font-size:13px;color:#f8ce79}.project-hero-art{display:flex;align-items:center;flex:0 0 230px}.project-hero-art .item-art{width:150px;height:180px;background:none!important;box-shadow:none}.project-hero-art .item-art+ .item-art{margin-left:-65px;margin-top:100px}.project-chain{padding:20px;border:1px solid #dbc99d;border-radius:20px;background:#fff7e3;margin-bottom:20px}.project-chain>div{display:flex;align-items:center;justify-content:space-around;gap:8px}.project-chain button{border:0;background:none;display:grid;justify-items:center;gap:5px;cursor:pointer;color:#315e52;padding:8px;max-width:160px}.project-chain .item-art{width:90px;height:90px;background:none;box-shadow:none}.project-chain span:not(.eyebrow):not(.item-art){font-size:12px}.project-chain .chain-arrow{font-size:26px!important;color:#b78b47}.project-book-note{line-height:1.6;margin:20px 0}.project-filter{display:flex;align-items:center;gap:18px;font-weight:700;margin:25px 0}.project-filter select{flex:1;max-width:380px;padding:10px;border-radius:12px;border:1px solid #c9b991;background:#fff9ec;color:#285f55}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.project-card{display:flex;flex-direction:column;gap:9px;background:#fffaf0;border:1px solid #dfcfaa;border-radius:20px;padding:16px;min-width:0}.project-card-image{position:relative;display:flex;justify-content:center;align-items:center;height:170px;background:radial-gradient(ellipse,#e8ead1,transparent 72%);border-radius:14px}.project-card-image>.item-art{width:175px;height:170px;background:none!important;box-shadow:none}.project-card-image>span:last-child:not(.item-art){position:absolute;bottom:0;right:0;padding:5px 10px;border-radius:20px;background:#2d695a;color:#fff4ce;font-size:11px}.project-locked .project-card-image>span:last-child:not(.item-art){background:#796448}.project-card h3{font-size:19px;margin:3px 0}.project-card p{font-size:13px;line-height:1.5;margin:0}.project-partners{color:#4f6c58}.project-partners strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#98704a}.project-lock-reason{padding:8px;background:#f2e8cc;border-radius:9px;color:#705b38}.project-card details{font-size:12px;margin:5px 0}.project-card summary{cursor:pointer;font-weight:700;padding:8px 0}.project-card ul{list-style:none;padding:0;margin:0}.project-card li{display:flex;gap:5px;align-items:center;padding:6px 0;border-top:1px solid #eee1c6}.project-card li .item-art{width:38px;height:38px;flex:0 0 38px}.project-card li small{display:block;color:#7a8068}.project-card li .button{margin-left:auto;font-size:10px;padding:6px}.project-card-actions{margin-top:auto;padding-top:8px}.project-card-actions .button{width:100%;white-space:normal}.craft-requests{background:#f8f0d8;padding:20px;border-radius:20px;margin-bottom:28px}.craft-requests .commission-form{max-width:480px}.maker-credits{display:grid;gap:4px;margin:16px 0;padding:15px;border-radius:14px;background:#e8edda;color:#3c6454}.maker-credits span{font-size:12px}.design-card.locked canvas{opacity:1!important;filter:none!important}.design-book-intro select{display:block;width:100%;padding:10px;margin:8px 0 16px}.project-card .item-art canvas,.project-chain .item-art canvas{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.project-book-hero{padding:20px;display:block}.project-hero-art{display:none}.project-chain{padding:14px}.project-chain>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.project-chain .chain-arrow{display:none}.project-chain button{max-width:100%;width:100%}.project-filter{display:block}.project-filter select{width:100%;margin-top:8px}.project-grid{grid-template-columns:1fr}.project-card-image{height:190px}.project-card-image>.item-art{width:190px;height:190px}.craft-requests{padding:14px}.project-book .button-row{flex-wrap:wrap}}

.project-book-hero h2{color:#fff1cd}.project-book-hero .eyebrow{color:#f2d48f}