:root{--ink:#3b2418;--paper:#f8eedd;--paper-2:#efe0c6;--terracotta:#d2553f;--teal:#2f8f89;--green:#2e7d32;--muted:#8a6d58;--gold:#e3a92b;--shadow:3px 3px 0 var(--ink);color:var(--ink);letter-spacing:.02em;font-family:"Jersey 15",ui-rounded,system-ui,sans-serif;font-size:18px}*{box-sizing:border-box;font-synthesis:none}html,body{-webkit-user-select:none;user-select:none;touch-action:none;background:#ead9c1;height:100%;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{image-rendering:pixelated}#ui{pointer-events:none;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));flex-direction:column;gap:8px;display:flex;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);touch-action:manipulation;border-radius:4px;min-height:40px;padding:6px 10px}button:active{box-shadow:none;transform:translate(2px,2px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--terracotta);color:#fff8ee}button.on{background:var(--ink);color:var(--paper)}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:6px}#hud{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.brand{color:var(--terracotta);margin-right:4px;font-size:24px}.stat{border-left:2px dashed var(--paper-2);flex-direction:column;padding:0 6px;line-height:1.05;display:flex}.stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.stat b{font-size:22px}.stars{color:var(--gold);letter-spacing:1px}.stars[style]{color:#0000;background:linear-gradient(90deg, var(--gold) var(--fill), #cdb99c var(--fill));-webkit-background-clip:text;background-clip:text}.speed{gap:4px;margin-left:auto;display:flex}.speed button{min-width:44px;padding:4px 6px}#hint{background:var(--ink);color:var(--paper);text-align:center;border-radius:4px;align-self:center;max-width:min(560px,100%);padding:6px 12px;font-size:18px}#hint:empty{display:none}#hint{align-items:center;gap:8px;display:flex}#hint button.icon{min-width:32px;min-height:30px;color:var(--paper);border-color:var(--paper);box-shadow:none;background:0 0;padding:0 6px}#hint .warn{color:#ffb4a3}#hint b{white-space:nowrap}#toasts{pointer-events:none;will-change:transform;contain:layout paint;flex-direction:column;align-items:center;gap:6px;padding:0 16px 4px;display:flex;position:fixed;top:140px;left:0;right:0;transform:translateZ(0)}.toast{text-align:center;background:var(--teal);color:#fff;border:2px solid var(--ink);max-width:100%;box-shadow:2px 2px 0 var(--ink);border-radius:4px;padding:6px 12px;animation:2.6s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.spacer{flex:1;pointer-events:none!important}#bottom{flex-direction:column;align-items:center;gap:8px;display:flex}#toolbar{gap:8px;padding:6px;display:flex}#toolbar button{min-width:76px;min-height:48px;font-size:19px}.bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 10px;display:flex}.bar .label{font-size:19px}.bar .err{color:var(--terracotta);font-size:17px}.bar .hint{color:var(--muted);font-size:16px}#panel{flex-direction:column;width:min(720px,100%);height:min(58vh,540px);animation:.16s ease-out panel-in;display:flex;overflow:hidden}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}@media (width>=900px){#panel{width:420px;height:auto;animation-name:drawer-in;position:fixed;top:88px;bottom:96px;right:16px}@keyframes drawer-in{0%{opacity:0;transform:translate(12px)}}}.panel-head{border-bottom:3px solid var(--ink);background:var(--paper-2);flex-direction:column;flex:none;gap:8px;padding:8px 10px 10px;display:flex}.panel-title-row{align-items:center;gap:8px;display:flex}.panel-head h2{flex:1;margin:0;font-size:24px}button.icon{min-width:40px;min-height:36px;padding:2px 8px}.panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;flex:1;min-height:0;padding:10px;overflow-y:auto}.tabs{border:2px solid var(--ink);background:var(--paper);border-radius:6px;display:flex;overflow:hidden}.tabs button{border:none;border-left:2px solid var(--ink);min-height:36px;box-shadow:none;white-space:nowrap;border-radius:0;flex:1;padding:4px 6px}.tabs button:first-child{border-left:none}.tabs button:active{transform:none}.tabs button.on{background:var(--terracotta);color:#fff8ee}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:1fr;gap:10px;display:grid}.item{text-align:left;flex-direction:column;align-items:stretch;gap:3px;min-height:0;padding:6px;transition:transform 80ms,box-shadow 80ms;display:flex}.item:not(:disabled):hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.item .thumb{background:radial-gradient(ellipse at 50% 75%, #e3c9a3 0%, var(--paper-2) 70%);border-radius:4px;place-items:center;height:84px;margin-bottom:4px;display:grid}.item .thumb img{max-width:100%;max-height:80px;image-rendering:pixelated}.item img{image-rendering:pixelated;object-fit:contain;max-width:100%;max-height:76px}.item .name{font-size:19px;line-height:1.05}.item .desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.3em;font-size:15px;line-height:1.15;display:-webkit-box;overflow:hidden}.item .cost{color:var(--green);background:#d9eedb;border-radius:999px;align-self:flex-start;margin-top:auto;padding:1px 8px}.item:disabled{opacity:1}.item.broke .cost{color:var(--terracotta);background:#f6d9d2}.item.locked{background:var(--paper-2)}.item.locked img{filter:grayscale()opacity(.45)}.item.locked .name,.item.locked .desc{color:var(--muted)}.item.locked .cost{color:var(--muted);background:0 0;padding:0}.row{border-bottom:2px dashed var(--paper-2);align-items:center;gap:8px;padding:8px 0;display:flex}.row:last-child{border-bottom:none}.row .grow{flex:1;min-width:0}.row .sub{color:var(--muted);font-size:16px}.row img{image-rendering:pixelated;width:40px;height:68px}.price{text-align:center;min-width:56px;font-size:22px}.row button{min-width:44px}h3{margin:12px 0 4px;font-size:20px}h3:first-child{margin-top:0}table{border-collapse:collapse;width:100%;font-size:19px}td{padding:3px 0}td:last-child{text-align:right}tr.total td{border-top:2px solid var(--ink)}.pos{color:var(--green)}.neg{color:var(--terracotta)}#modal{background:#3b241873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#modal[hidden],[hidden]{display:none!important}#modal .card{width:min(440px,100%);max-height:90vh;padding:16px;overflow-y:auto}#modal h1{color:var(--terracotta);margin:0 0 4px;font-size:36px}#modal p{margin:6px 0;line-height:1.3}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (width<=560px){#toasts{top:176px}.brand{display:none}.stat b{font-size:18px}.stat{padding:0 4px}.speed{justify-content:space-between;width:100%;margin-left:0}.speed button{flex:1}#toolbar{width:100%}#toolbar button{flex:1;min-width:0;padding:6px 2px;font-size:16px}.grid{grid-template-columns:repeat(2,1fr);gap:8px}.item .thumb{height:68px}.item .thumb img{max-height:64px}.tabs button{font-size:16px}}.meter{border:2px solid var(--ink);background:var(--paper-2);border-radius:3px;height:10px;overflow:hidden}.meter span{background:var(--teal);height:100%;transition:width .3s;display:block}.meter.low span{background:var(--terracotta)}.stepper{justify-content:space-between;align-items:center;gap:4px;display:flex}.stepper button{min-width:38px;min-height:34px;padding:0 6px}.stepper span{text-align:center;min-width:34px;font-size:20px}.tabs.grades button{padding:4px;font-size:15px}.regulars{flex-wrap:wrap;gap:8px;display:flex}.regular{flex-direction:column;align-items:center;width:72px;font-size:15px;line-height:1.1;display:flex}.regular img{image-rendering:pixelated;width:40px;height:68px}.regular small{color:var(--muted);font-size:13px}ul.notes{margin:8px 0;padding-left:20px;line-height:1.35}.trait{border:2px solid var(--ink);background:var(--paper-2);vertical-align:2px;border-radius:4px;padding:0 5px;font-size:14px;line-height:16px;display:inline-block}.trait.speedy{background:#cfe8d6}.trait.chatty{background:#f6d9b8}.trait.clumsy{background:#f1c6bc}.morale{align-items:center;gap:6px;margin-top:2px;display:flex}.morale small{color:var(--muted);white-space:nowrap;font-size:14px}.morale .meter{flex:1;max-width:120px}.tabs.roles button{min-height:30px;padding:2px 4px;font-size:15px}.skills{gap:4px;margin-top:6px;display:grid}.skill .train{justify-self:end;min-width:112px;min-height:30px;padding:2px 6px;font-size:15px}.raise{border:2px solid var(--ink);background:#fbe3c4;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:4px 8px;font-size:16px;display:flex}.raise button{min-height:30px;font-size:15px}#panel-help.on{background:var(--ink);color:var(--paper)}.help{border:2px solid var(--ink);background:#fbe3c4;border-radius:6px;margin-bottom:10px;padding:8px 10px;font-size:16px;line-height:1.25}.tabs button.on .dot{background:var(--paper)}.tabs .dot,#toolbar button.alert:after{border:2px solid var(--ink);background:var(--terracotta);vertical-align:1px;border-radius:50%;width:10px;height:10px;display:inline-block}#toolbar button{position:relative}#toolbar button.alert:after{content:"";position:absolute;top:-5px;right:-5px}.coverage{background:var(--paper-2);border-radius:6px;margin:0 0 8px;padding:6px 8px;font-size:16px}.coverage .gap{color:var(--terracotta)}.person{border-bottom:2px dashed var(--paper-2)}.person .head{width:100%;box-shadow:none;text-align:left;font:inherit;background:0 0;border:none;align-items:center;gap:8px;min-height:0;padding:4px 2px;display:flex}.person .head:active{transform:none}.person .head:hover,.person.open .head{background:var(--paper-2)}.person .head img.avatar{image-rendering:pixelated;object-fit:cover;object-position:top;width:30px;height:51px}.person .grow{flex:1;min-width:0}.person .sub{color:var(--muted);font-size:15px;display:block}.person .role{color:var(--teal);font-size:15px}.mood{width:26px;height:24px;image-rendering:pixelated;flex:none}.flag{font-size:16px}.flag.alert{border:2px solid var(--ink);background:var(--terracotta);color:#fff8ee;border-radius:50%;place-items:center;width:20px;height:20px;font-size:15px;line-height:1;display:inline-grid}.chev{width:14px;color:var(--muted)}.detail{padding:6px 2px 10px}.skill{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.skill small{color:var(--muted);font-size:13px;line-height:1;display:block}.skill .stars{font-size:18px}.skill .train{min-width:104px;min-height:30px;padding:2px 6px;font-size:15px}.skill .train.on{background:var(--teal);color:#fff8ee}.pay{align-items:center;gap:10px;margin-top:8px;font-size:16px;display:flex}.pay .morale{flex:1;margin:0}button.quiet{min-height:28px;box-shadow:none;color:var(--muted);padding:2px 8px;font-size:14px}.total{margin-top:8px}.applicant .cskills{flex-wrap:wrap;gap:2px 10px;font-size:15px;display:flex}.applicant .cskills span{color:var(--muted)}.applicant .cskills .best{color:var(--ink);-webkit-text-decoration:underline 2px var(--gold);text-decoration:underline 2px var(--gold);font-weight:400}.deal{color:#fff8ee;border-radius:4px;margin-left:6px;padding:0 5px;font-size:14px;display:inline-block}.deal.good{background:var(--green)}.deal.pricey{background:var(--terracotta)}.deal.fills{background:var(--teal)}.level{border-bottom:2px dashed var(--paper-2);padding:6px 0 8px}.level-top,.level-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.level-foot{min-height:30px}.level-foot .sub{color:var(--muted);font-size:15px}.status{border:2px solid var(--ink);border-radius:4px;padding:0 6px;font-size:14px;line-height:18px}.status.ok{background:#cfe8d6}.status.low{background:#f6d9b8}.status.out{background:var(--terracotta);color:#fff8ee}.stockbar{border:2px solid var(--ink);background:var(--paper);border-radius:3px;height:14px;margin:4px 0 2px;display:flex;overflow:hidden}.stockbar .in{background:var(--teal);transition:width .3s}.stockbar .out{background:repeating-linear-gradient(135deg,#e3a92b 0 4px,#f2cf7a 4px 8px);transition:width .3s}.run{min-height:30px;padding:2px 8px;font-size:15px}.soon{margin-top:8px}.order-row{align-items:center;gap:8px;padding:4px 0;display:flex}.order-row .grow{flex:1;min-width:0}.order-row .sub{color:var(--muted);font-size:14px;display:block}.bill{background:var(--paper-2);border-radius:6px;margin:10px 0 0;padding:6px 8px}.order-row.food{flex-wrap:wrap}.tabs.mode{flex:none}.tabs.mode button{min-height:32px;padding:2px 6px;font-size:14px}#soundpop{z-index:20;gap:8px;width:240px;padding:10px 12px;display:grid;position:fixed;top:84px;right:16px}#soundpop[hidden]{display:none}#soundpop button.on{background:var(--terracotta);color:#fff8ee}.vol{gap:2px;font-size:16px;display:grid}.vol input{width:100%;accent-color:var(--teal);touch-action:auto}.speed button.sound{margin-left:6px}.speed button svg{vertical-align:middle}@media (width<=560px){#soundpop{width:auto;top:150px;left:16px;right:16px}}.sub .warn{color:var(--terracotta)}.block-map{aspect-ratio:17/11;border:2px solid var(--ink);background:#d9d5ce;border-radius:6px;gap:2px;margin:2px 0 8px;padding:6px;display:grid}.block-map .lot{border:2px dashed var(--muted);min-width:0;min-height:0;box-shadow:none;color:var(--ink);background:#b9b3a8;border-radius:3px;place-items:center;padding:0;font-size:13px;line-height:1;display:grid;overflow:hidden}.block-map .lot span{text-align:center;padding:1px}.block-map .lot.garden{background:#9cbf74}.block-map .lot.terrace{background:#e2b39a}.block-map .lot.staff{background:#c3ccd0}.block-map .lot.owned{border-style:solid;border-color:var(--ink);background:#e7c08f}.block-map .lot.owned.garden{background:#84b55a}.block-map .lot.owned.staff{background:#aab6bc}.block-map .lot.owned.terrace{color:var(--paper);background:#c77650}.block-map .lot.building{border-style:solid;border-color:var(--gold)}.block-map .lot.on{outline:3px solid var(--gold);outline-offset:1px}.plot-card{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:6px;margin-bottom:8px;padding:8px 10px}.plot-card.on{box-shadow:0 0 0 3px var(--gold)}.plot-card.owned{background:var(--paper-2)}.plot-card .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.plot-card p{margin:4px 0}.plot-card .tag{background:var(--paper-2);border-radius:10px;padding:2px 8px;font-size:14px}.plot-card .tag.ok{background:var(--green);color:var(--paper)}.goals-chip{box-shadow:none;cursor:pointer;text-align:left;font:inherit;color:inherit;background:0 0;border:0;padding:0}.goals{margin:8px 0;padding:0;list-style:none}.goal{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.goal>div{flex:1;gap:2px;min-width:0;display:grid}.goal .tick{border:2px solid var(--ink);background:var(--paper);border-radius:4px;flex:none;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.goal.done .tick{background:var(--green);color:var(--paper)}.goal .bar{background:var(--paper-2);border-radius:3px;height:6px;display:block;overflow:hidden}.goal .bar span{background:var(--gold);height:6px;display:block}.goal.done .bar span{background:var(--green)}.won{border:2px solid var(--gold);background:#fbf0d2;border-radius:6px;padding:6px 10px}.win{text-align:center}.win .medal{font-size:56px;line-height:1}:is(#panel,#modal,#hint,#hud) img.ico{vertical-align:-4px;width:20px;height:20px;image-rendering:pixelated;margin:0 3px 0 0;display:inline-block}.empty{color:var(--muted);align-items:center;gap:6px;display:flex}.cover{background:var(--paper-2);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;padding:6px 8px;display:flex}.cov{border:2px solid var(--ink);background:var(--paper);border-radius:14px;align-items:center;gap:1px;padding:2px 6px 2px 4px;display:inline-flex}.cov.gap{border-color:var(--terracotta);background:#fbe3c4}.cov .face{object-fit:cover;object-position:top;width:16px;height:22px;image-rendering:pixelated}.cov .none{color:var(--terracotta);font-weight:700}.role-ico img.ico{vertical-align:-3px}.role-ico.any{opacity:.7}.tabs.roles button{justify-items:center;gap:0;min-height:42px;padding:3px 2px;display:grid}.tabs.roles button small{font-size:12px;line-height:1}.tabs.roles button img.ico{margin:0}.detail .skill{grid-template-columns:auto 1fr auto}.detail .skill .train{min-width:76px}.detail .skill .train img.ico{vertical-align:-5px}.pay .morale{align-items:center;gap:4px;display:flex}.pay .morale img.mood{width:26px;height:24px}.applicant .cskills{gap:2px 8px}.cskill{white-space:nowrap;color:var(--gold)}.applicant .cskills .cskill.best{border-bottom:2px solid var(--gold);text-decoration:none}.fair{align-items:center;margin:0 0 4px;font-size:16px;display:flex}.price-row img.ico{width:26px;height:26px}.price-row.off{opacity:.6}.delta{color:#fff8ee;border-radius:4px;padding:0 4px;font-size:14px}.delta.up{background:var(--terracotta)}.delta.down{background:var(--teal)}.level{align-items:center;gap:6px;padding:5px 0;display:flex}.level img.ico{flex:none;width:26px;height:26px}.level .stockbar{flex:1;height:24px;margin:0;position:relative}.stockbar .num{color:var(--ink);text-shadow:0 0 3px var(--paper), 0 0 3px var(--paper);justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.stockbar .num .outside{color:#8a5a00;margin-left:3px}.level.low .stockbar{border-color:#c98a1a}.level.low .stockbar .in{background:#e3a92b}.level.out .stockbar{border-color:var(--terracotta);background:#fbe3c4}.level .run{white-space:nowrap;flex:none}.level.off{opacity:.65}.level.off b{flex:1;font-weight:400}.level .needs{color:var(--muted);align-items:center;gap:3px;font-size:14px;display:flex}.soon{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:14px;display:flex}.soon span{opacity:.75;align-items:center;display:inline-flex}.order-row img.ico{width:24px;height:24px}.tabs.mode button img.ico{vertical-align:-3px;width:16px;height:16px}.tiles{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin:4px 0 8px;display:grid}.tile{border:2px solid var(--ink);background:var(--paper);text-align:center;border-radius:6px;justify-items:center;gap:1px;padding:6px 4px;display:grid}.tile img.ico{margin:0}.tile b{font-size:20px;line-height:1}.tile small{color:var(--muted);font-size:13px;line-height:1}.tile.pos b{color:var(--green)}.tile.neg b{color:var(--terracotta)}.tiles.big .tile b{font-size:24px}.tiles.big{grid-template-columns:repeat(4,1fr)}.kinds{color:var(--muted);flex-wrap:wrap;gap:2px 12px;margin:0 0 6px;font-size:15px;display:flex}.kinds b{color:var(--ink)}table.money td:first-child{white-space:nowrap}table.money img.ico{vertical-align:-3px;width:16px;height:16px}.notes{margin:6px 0;padding:0;list-style:none}.notes li{align-items:flex-start;gap:2px;margin-bottom:3px;display:flex}.unlocks{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.unlocks small{color:var(--muted)}.unlock{border:2px solid var(--ink);background:var(--paper-2);border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.unlock img{max-width:32px;max-height:34px;image-rendering:pixelated}.level-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-bottom:4px;display:flex}.medals{color:var(--muted);gap:10px;font-size:15px;display:flex}.goal .tick img.ico{width:16px;height:16px;margin:0}.plot-card .facts{color:var(--muted);gap:12px;font-size:15px;display:flex}#hint .hint-main{display:grid}#hint .hint-main small{opacity:.8;font-size:14px}.unlock img.px{width:28px;height:28px}.detail .skill .stars{justify-self:start}.title-mode #hud,.title-mode #toolbar,.title-mode #hint,.title-mode #panel,.title-mode #toasts{display:none!important}#modal.title{background:radial-gradient(#3b24180d 30%,#3b241880 100%)}#modal.title>.card{width:min(560px,100%);max-height:none;box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.title-wrap{justify-items:center;gap:14px;display:grid}.logo{color:var(--terracotta);letter-spacing:1px;white-space:nowrap;text-shadow:3px 0 var(--ink), -3px 0 var(--ink), 0 3px var(--ink), 0 -3px var(--ink), 3px 3px var(--ink), -3px 3px var(--ink), 3px -3px var(--ink), -3px -3px var(--ink), 6px 7px 0 #2b1b178c;align-items:center;gap:12px;font-size:clamp(52px,13vw,88px);line-height:.9;display:flex}.logo .logo-cup{width:clamp(40px,9vw,60px);height:clamp(40px,9vw,60px);image-rendering:pixelated;filter:drop-shadow(3px 4px #2b1b178c)}.tagline{border:2px solid var(--ink);background:var(--paper);text-align:center;border-radius:14px;padding:4px 14px;font-size:18px;margin:0!important}.title-menu{gap:10px;width:min(380px,100%);padding:14px;display:grid}.title-menu.wide{width:min(540px,100%);max-height:62vh;overflow-y:auto}.menu-btn{justify-items:center;gap:2px;width:100%;min-height:58px;padding:8px 12px;font-size:24px;display:grid}.menu-btn .save-meta{opacity:.9;font-size:15px}.menu-btn.primary .save-meta img.ico{filter:drop-shadow(0 0 1px var(--paper))}.title-sound{min-width:48px;min-height:48px;position:fixed;bottom:16px;right:16px}.title-row{align-items:center;gap:10px;font-size:20px;display:flex}.level-card{border:2px solid var(--ink);background:var(--paper);border-radius:8px;align-items:flex-start;gap:10px;padding:10px;display:flex}.level-card .grow{flex:1;min-width:0}.level-card b{font-size:22px}.level-card .best{font-size:20px}.level-num{border:2px solid var(--ink);background:var(--gold);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.level-goals{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.level-goals .sub{margin-left:8px}.level-go{flex:none;gap:4px;display:grid}.level-card.soon{opacity:.55;background:var(--paper-2)}.level-card.soon .level-num{background:var(--paper-2)}.warn-box{border:2px solid var(--terracotta);background:#fbe3c4;border-radius:6px;padding:4px 8px;font-size:15px}@media (width<=560px){.level-card{flex-wrap:wrap}.level-card .grow{flex-basis:calc(100% - 52px)}.level-go{grid-auto-flow:column;width:100%}.level-card.soon .grow{flex-basis:auto}}#coach{z-index:20;pointer-events:auto;align-items:flex-start;gap:10px;width:min(400px,100% - 32px);padding:10px 12px;display:flex;position:fixed;bottom:96px;left:16px}#coach .mo{object-fit:cover;object-position:top;width:48px;height:82px;image-rendering:pixelated;flex:none}#coach .say{flex:1;min-width:0}#coach .say small{color:var(--muted)}#coach p{margin:2px 0 0;font-size:17px;line-height:1.25}#coach .actions{margin-top:8px}@media (width<=700px){#coach{width:calc(100% - 16px);padding:6px 8px;top:118px;bottom:auto;left:8px}#coach .mo{width:32px;height:56px}#coach p{font-size:15px}#coach .actions{margin-top:4px}#coach .actions button{min-height:32px}.coaching #panel{height:min(44vh,400px)}}.coaching #hint:not(:has(.hint-main)){display:none}.tabs .coach-target{background:var(--gold);animation:none}.coach-target{z-index:1;animation:1.1s ease-in-out infinite coach-pulse;position:relative}@keyframes coach-pulse{0%,to{box-shadow:0 0 0 3px var(--gold), 3px 3px 0 var(--ink)}50%{box-shadow:0 0 0 7px #e3a92b8c, 3px 3px 0 var(--ink)}}.tag.start{background:var(--gold);color:var(--ink)}.level-card.tutorial{background:#fbf0d2}.level-num img.face,.empty img.face{object-fit:cover;object-position:top;width:26px;height:36px;image-rendering:pixelated}.level-num img.face{margin-top:4px}.level-card .tag{vertical-align:3px;border-radius:10px;padding:1px 8px;font-size:14px}.level-card .tag.ok{background:var(--green);color:var(--paper)}