*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}:root{--bg: #1a1207;--bg-dark: #110c04;--parchment: #2d2011;--parchment-light: #3d2e1c;--parchment-lighter: #4d3c28;--gold: #d4a843;--gold-bright: #f0c850;--gold-dim: #a07830;--ink: #c9b896;--ink-dim: #a89878;--accent: #8b3a3a;--accent-bright: #b04a4a;--green: #4a8b4a;--green-bright: #5aab5a;--blue: #4a6a8b;--blue-bright: #5a8aab;--purple: #8b6a9a;--purple-bright: #a87ab8;--orange: #c48a3a;--orange-bright: #e0a050;--pink-soft: #e5e5e5;--pink-soft-bright: #d3cbd6;--quality-shoddy: var(--ink-dim);--quality-passable: var(--green-bright);--quality-fine: var(--blue-bright);--quality-superior: var(--purple-bright);--quality-masterwork: var(--orange-bright);--enchanted-pink: var(--pink-soft-bright);--shadow: rgba(0, 0, 0, .6);--shadow-light: rgba(0, 0, 0, .3);--font-display: "MedievalSharp", cursive;--font-body: "Source Sans 3", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}body{font-family:var(--font-body);color:var(--ink);background-color:var(--bg);background-image:linear-gradient(#110c0473,#110c0473),url(/assets/images/home-screen.png);background-size:cover;background-position:center;background-repeat:no-repeat}#app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--gold);text-shadow:1px 1px 2px var(--shadow)}h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}.panel{background:var(--parchment);border:1px solid var(--parchment-lighter);border-radius:var(--radius-md);box-shadow:inset 0 1px #c9b8961a,0 2px 8px var(--shadow),0 0 0 1px var(--bg-dark);padding:var(--spacing-md)}.panel-header{border-bottom:1px solid var(--parchment-lighter);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}.btn{font-family:var(--font-display);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .15s ease;font-size:1rem}.btn-gold{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--bg-dark);border:1px solid var(--gold-bright);text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 2px 4px var(--shadow-light)}.btn-gold:hover{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 100%);box-shadow:0 2px 8px #d4a84366}.btn-gold:active{transform:translateY(1px);box-shadow:0 1px 2px var(--shadow-light)}.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-red{background:linear-gradient(180deg,var(--accent) 0%,#6b2a2a 100%);color:var(--ink);border:1px solid var(--accent-bright);box-shadow:0 2px 4px var(--shadow-light)}.btn-red:hover{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent) 100%)}.btn-subtle{background:var(--parchment-light);color:var(--ink-dim);border:1px solid var(--parchment-lighter)}.btn-subtle:hover{color:var(--ink);background:var(--parchment-lighter)}.divider{border:none;border-top:1px solid var(--parchment-lighter);margin:var(--spacing-md) 0}.gold-text{color:var(--gold)}.accent-text{color:var(--accent-bright)}.green-text{color:var(--green-bright)}.quality-shoddy{color:var(--quality-shoddy)}.quality-passable{color:var(--quality-passable)}.quality-fine{color:var(--quality-fine)}.quality-superior{color:var(--quality-superior)}.quality-masterwork{color:var(--quality-masterwork)}.enchanted-pink{color:var(--enchanted-pink)}.help-screen.screen{padding:12px 8px!important}.help-mosaic{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;grid-auto-rows:min-content;align-items:stretch;width:100%;min-width:0;flex:1;box-sizing:border-box}.help-card-span-1{grid-column:span 1}.help-card-span-2{grid-column:span 2}.help-card-span-3{grid-column:span 3}.help-card-span-4{grid-column:span 4}.help-card-span-5{grid-column:span 5}.help-card-span-6{grid-column:span 6}.help-card-span-7{grid-column:span 7}.help-card-span-8{grid-column:span 8}@media(max-width:900px){.help-mosaic{grid-template-columns:repeat(4,1fr)}.help-card-span-1{grid-column:span 1}.help-card-span-2{grid-column:span 2}.help-card-span-3{grid-column:span 3}.help-card-span-4,.help-card-span-5,.help-card-span-6,.help-card-span-7,.help-card-span-8{grid-column:span 4}}.help-content ul{list-style:none;padding-left:0}.help-content ul li{padding-left:1.2em;position:relative}.help-content ul li:before{content:"•";color:var(--gold);font-weight:700;position:absolute;left:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--parchment-lighter);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-dim)}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-dark);border-bottom:2px solid var(--gold-dim);box-shadow:0 2px 12px var(--shadow);z-index:100;min-height:56px}.game-header__title{font-family:var(--font-display);font-size:1.6rem;color:var(--gold);text-shadow:0 0 8px rgba(212,168,67,.3)}.game-header__progress{display:flex;align-items:center;justify-content:center;gap:14px}.game-header__progress-item{display:flex;align-items:center;gap:2px;cursor:default}.game-header__progress-pie{width:22px;height:22px;border-radius:50%;flex-shrink:0}.game-header__stats{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-lg)}.game-content{flex:1;min-width:0;overflow:hidden;position:relative;width:100%;background:transparent}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:var(--spacing-lg);overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .3s ease}.screen.active{opacity:1;pointer-events:all}.market-layout{display:grid;grid-template-columns:510px 1fr 400px;gap:var(--spacing-lg);height:100%;min-height:0;overflow:hidden;-webkit-user-select:none;user-select:none}.market-layout__sidebar{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;min-height:0;max-height:100%}.market-layout__center{display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden;min-height:0;max-height:100%;align-self:start;height:fit-content}.game-nav{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--parchment);border-bottom:1px solid var(--parchment-lighter)}.game-nav__btn{font-family:var(--font-display);padding:var(--spacing-xs) var(--spacing-md);min-width:150px;color:var(--ink-dim);border-radius:var(--radius-sm);border:1px solid transparent;transition:all .15s ease;font-size:.95rem}.game-nav__btn:hover{color:var(--ink);background:var(--parchment-light)}.game-nav__btn.active{color:var(--gold);border-color:var(--gold-dim);background:var(--parchment-light)}.game-nav__btn:disabled{opacity:.4;cursor:not-allowed}.panel--customers{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-md);padding-top:10px}.panel--customers .panel-header{flex-shrink:0;padding:0 0 var(--spacing-xs) 0;margin-bottom:var(--spacing-sm)}.panel--customers .panel-header h3{margin:0;font-size:1.2rem}.customer-queue-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-gutter:stable}.market-layout__sidebar:last-child{overflow:hidden}.market-layout__sidebar:last-child .panel--customers{flex:1;min-height:0}.market-layout__sidebar:first-child{overflow:hidden}.panel--supplier{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-md);padding-top:10px}.panel--supplier .panel-header{flex-shrink:0;padding:0 0 var(--spacing-xs) 0;margin-bottom:var(--spacing-sm)}.panel--supplier .panel-header h3{margin:0;font-size:1.2rem}.supplier-scroll{flex:1;min-height:0;overflow-y:auto;direction:rtl;padding-left:3px}.supplier-scroll .goods-grid{direction:ltr}.panel--stall{display:flex;flex-direction:column;flex:0 1 auto;max-height:100%;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-md);padding-top:10px}.panel--stall .panel-header{flex-shrink:0;padding:0 0 var(--spacing-xs) 0;margin-bottom:var(--spacing-sm)}.panel--stall .panel-header h3{margin:0;font-size:1.2rem}.panel--stall__header-area{flex-shrink:0}.stall-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:3px}.stall-scroll--empty{display:flex;align-items:center;justify-content:center}.customer-queue{display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:visible;padding:4px 0}.customer-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--parchment-light);border:1px solid var(--parchment-lighter);border-radius:var(--radius-sm);transition:all .2s ease}.customer-card:hover{border-color:var(--gold-dim)}.customer-card__icon{font-size:1.6rem;width:36px;text-align:center}.customer-card__info{flex:1}.customer-card__name{font-family:var(--font-display);color:var(--gold);font-size:.95rem}.customer-card__desire{font-size:.85rem;color:var(--ink-dim)}.goods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-xs)}.goods-grid--supplier{grid-template-columns:repeat(4,1fr)}.goods-card{position:relative;padding:6px;background:var(--parchment-light);border:1px solid var(--parchment-lighter);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all .2s ease}.goods-card:hover{border-color:var(--gold-dim);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-light)}.goods-card__icon{font-size:1.7rem;margin-bottom:2px}.goods-card__name{font-family:var(--font-display);font-size:.78rem;color:var(--gold)}.goods-card__price{font-size:.72rem;color:var(--ink-dim)}.goods-card__quality{font-size:.68rem;margin-top:2px}.goods-grid--stall{grid-template-columns:repeat(auto-fill,minmax(141px,1fr));gap:var(--spacing-sm)}.goods-grid--stall .goods-card{padding:7px}.goods-grid--stall .goods-card__icon{font-size:2rem}.goods-grid--stall .goods-card__name{font-size:.92rem}.goods-grid--stall .goods-card__price{font-size:.85rem}.goods-grid--stall .goods-card__quality{font-size:.8rem}.minigame-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s ease}.minigame-overlay.active{opacity:1;pointer-events:all}.minigame-overlay.closing{transition:none}.minigame-container{background:var(--parchment);border:2px solid var(--gold-dim);border-radius:var(--radius-lg);box-shadow:0 0 40px #d4a84326,0 8px 32px var(--shadow);padding:var(--spacing-lg);max-width:700px;width:90%;max-height:85vh;overflow-y:auto}.minigame-container__title{text-align:center;margin-bottom:var(--spacing-md)}.minigame-canvas-wrapper{position:relative;border:1px solid var(--parchment-lighter);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-dark);box-shadow:inset 0 0 30px #00000080}.minigame-canvas-wrapper canvas{display:block;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes coinBurst{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes goldGlow{0%{text-shadow:0 0 4px rgba(212,168,67,.3)}50%{text-shadow:0 0 12px rgba(212,168,67,.6)}to{text-shadow:0 0 4px rgba(212,168,67,.3)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.anim-fade-in{animation:fadeIn .3s ease forwards}.anim-slide-up{animation:slideUp .4s ease forwards}.anim-coin-burst{animation:coinBurst .3s ease}.anim-gold-glow{animation:goldGlow 2s ease-in-out infinite}.anim-shake{animation:shake .3s ease}.coin-particle{position:absolute;pointer-events:none;font-size:.9rem;color:var(--gold-bright);font-family:var(--font-display);animation:floatUp 1s ease-out forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.sale-toast{background:var(--bg-dark);border:1px solid var(--gold-dim);border-radius:var(--radius-md);padding:15px 36px;color:var(--gold-bright);font-family:var(--font-display);font-size:1.65rem;z-index:250;pointer-events:none;animation:toastIn 2.45s ease forwards;flex-shrink:0;box-shadow:0 4px 16px var(--shadow)}@keyframes toastInRight{0%{opacity:0;transform:translateY(20px)}15%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-10px)}}.rep-toast{background:var(--bg-dark);border:1px solid var(--green);border-radius:var(--radius-md);padding:15px 36px;color:var(--green-bright);font-family:var(--font-display);font-size:1.65rem;pointer-events:none;animation:toastInRight 2.45s ease forwards;box-shadow:0 4px 16px var(--shadow);flex-shrink:0}@keyframes enchantPulse{0%{box-shadow:0 0 4px #e8a8bc33}50%{box-shadow:0 0 12px #e8a8bc80}to{box-shadow:0 0 4px #e8a8bc33}}.goods-card--enchanted{animation:enchantPulse 2.5s ease-in-out infinite;border-color:var(--enchanted-pink)!important}.customer-card--selected{border:2px solid var(--gold-bright)!important;box-shadow:0 0 0 1px var(--gold),0 0 20px #d4a84380,inset 0 0 20px #d4a8431f;background:linear-gradient(135deg,#363126,#282116)!important;transition:none!important}@keyframes stallPulse{0%{box-shadow:0 0 #d4a84300}50%{box-shadow:0 0 10px #d4a84359}to{box-shadow:0 0 #d4a84300}}.goods-card--sellable{animation:stallPulse 2s ease-in-out infinite;border-color:var(--gold-dim)!important;cursor:pointer}.goods-grid.anim-entrance>*{animation:slideUp .3s ease backwards}.goods-grid.anim-entrance>*:nth-child(1){animation-delay:0s}.goods-grid.anim-entrance>*:nth-child(2){animation-delay:.05s}.goods-grid.anim-entrance>*:nth-child(3){animation-delay:.1s}.goods-grid.anim-entrance>*:nth-child(4){animation-delay:.15s}.goods-grid.anim-entrance>*:nth-child(5){animation-delay:.2s}.goods-grid.anim-entrance>*:nth-child(6){animation-delay:.25s}.customer-card.anim-slide-up{animation:slideUp .3s ease backwards}.goods-card--cooldown{pointer-events:none;position:relative;opacity:.5}.goods-card__cooldown-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:#781e1473;border-radius:inherit;z-index:2}.goods-card__tier-badge{position:absolute;top:4px;left:4px;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:3px;background:var(--parchment-lighter);color:var(--ink-dim);border:1px solid var(--parchment-lighter);z-index:1;line-height:1.3}.goods-card__cd-badge{position:absolute;top:4px;right:4px;font-size:.7rem;padding:1px 4px;border-radius:3px;background:var(--parchment-lighter);color:var(--ink-dim);border:1px solid var(--parchment-lighter);z-index:1;line-height:1.3}@keyframes reactionClockSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reaction-clock-spin{display:inline-block;animation:reactionClockSpin 2s linear infinite}@keyframes progressGlow{0%{box-shadow:none}50%{box-shadow:0 0 6px currentColor}to{box-shadow:none}}