@font-face{font-family:Pixelify Sans;src:url(/potgrond/fonts/PixelifySans.ttf) format("truetype");font-weight:400 700;font-display:block}:root{--ink: #3b2417;--cream: #fff3d6;--paper-ink: #4a2e1c;--muted: #7a5a3a;--good: #3f7d2c;--bad: #9c3a26;--gold: #f2c14e;--px: 2px;--img-panel-wood: none;--img-panel-parchment: none;--img-button-wood: none;--img-button-parchment: none;--img-slot: none;--img-grass: none}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#3e6b2f;color:var(--paper-ink);font-family:Pixelify Sans,monospace;font-size:16px;line-height:1.35;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{background-image:var(--img-grass);background-size:32px 32px;image-rendering:pixelated}img,canvas{image-rendering:pixelated;image-rendering:crisp-edges}button,input{font:inherit;color:inherit}.app{height:100%;height:100dvh}h1,h2,h3,p{margin:0;font-weight:400}[hidden]{display:none!important}.panel-wood,.panel-parchment{border-style:solid;border-color:transparent;border-width:16px;border-image-slice:8 fill;border-image-width:16px;border-image-repeat:round;image-rendering:pixelated}.panel-wood{border-image-source:var(--img-panel-wood);color:var(--cream);text-shadow:2px 2px 0 var(--ink)}.panel-parchment{border-image-source:var(--img-panel-parchment);color:var(--paper-ink);text-shadow:none}.panel-wood>.panel-parchment{margin-top:4px}.title{font-size:24px;font-weight:700;letter-spacing:1px}.title-xl{font-size:40px;font-weight:700;letter-spacing:2px;color:var(--gold);text-shadow:3px 3px 0 var(--ink)}.sub{font-size:14px;color:var(--muted)}.panel-wood .sub{color:#f0d9a8}.panel-wood .panel-parchment .sub,.panel-parchment .sub{color:var(--muted)}.big{font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 6px;border-style:solid;border-color:transparent;border-width:12px;border-image-slice:6 fill;border-image-width:12px;border-image-repeat:stretch;border-image-source:var(--img-button-wood);background:none;cursor:pointer;user-select:none;color:var(--cream);text-shadow:2px 2px 0 var(--ink);font-size:16px;line-height:1;white-space:nowrap}.btn>span{position:relative;top:-2px}.btn>img{width:32px;height:32px;margin:-10px -2px -10px -6px;position:relative;top:-2px}.btn.paper{border-image-source:var(--img-button-parchment);color:var(--paper-ink);text-shadow:none}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(2px);filter:brightness(.92)}.btn:disabled{filter:grayscale(.7) brightness(.85);cursor:not-allowed;opacity:.75}.btn:focus-visible{outline:2px dashed var(--gold);outline-offset:2px}.btn.wide{width:100%}.btn.small{min-height:32px;font-size:14px;border-width:10px;border-image-width:10px}.icon-btn{padding:0;min-width:40px}.icon-btn>img{margin:-10px}.field{width:100%;padding:4px 6px;border-style:solid;border-color:transparent;border-width:12px;border-image-source:var(--img-slot);border-image-slice:6 fill;border-image-width:12px;border-image-repeat:stretch;background:none;color:var(--paper-ink);font-size:24px;letter-spacing:4px;text-align:center;text-transform:uppercase}.field:focus{outline:2px dashed var(--good);outline-offset:2px}.field::placeholder{color:#b0916a}.login{min-height:100%;display:grid;place-items:center;padding:16px}.login-card{width:min(520px,100%)}.login-card .head{display:flex;align-items:center;gap:12px;justify-content:center;padding:4px 0 8px}.login-card .head img{width:48px;height:48px}.steps{margin:8px 0 12px;padding:0;list-style:none;display:grid;gap:8px}.steps li{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}.steps .n{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--paper-ink);color:var(--cream);font-weight:700}.cmd{color:var(--good);font-weight:700;white-space:nowrap}.form-row{display:grid;gap:10px;margin-top:8px}.error{color:var(--bad);min-height:22px}.game{height:100%;display:grid;grid-template-rows:auto 1fr auto}.hud{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 8px 0;padding:0 4px}.hud .who{font-size:18px;margin-right:auto;display:flex;flex-direction:column;line-height:1.1}.hud .who .sub{font-size:13px}.stat{display:inline-flex;align-items:center;gap:6px;font-size:18px;white-space:nowrap}.stat img{width:32px;height:32px}.stat .unit{font-size:14px;color:#f0d9a8}.toolbar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 8px 8px;padding:0 4px}.stage{position:relative;overflow:auto;display:grid;place-items:center;padding:8px}.farm-wrap{position:relative}.farm-canvas{display:block}.plot-layer{position:absolute;inset:0}.plot-btn{position:absolute;background:none;border:0;padding:0;cursor:pointer}.plot-btn:focus-visible{outline:2px dashed var(--gold);outline-offset:-4px}.float-label{position:absolute;pointer-events:none;font-size:16px;color:var(--cream);white-space:nowrap;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink);transform:translate(-50%);animation:floatUp 1.2s ease-out forwards}.float-label.gold{color:var(--gold);font-size:20px}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}.modal-back{position:fixed;inset:0;background:#1e120a8c;display:grid;place-items:center;padding:12px;z-index:20}.modal{width:min(560px,100%);max-height:calc(100vh - 24px);display:flex;flex-direction:column}.modal.wide{width:min(760px,100%)}.modal-head{display:flex;align-items:center;gap:8px;padding-bottom:4px}.modal-head .title{margin-right:auto;display:flex;align-items:center;gap:8px}.modal-head .title img{width:32px;height:32px}.modal-body{overflow:auto;min-height:0}.modal-foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding-top:8px}.section-title{font-size:18px;font-weight:700;margin:4px 0 6px}.section-title:not(:first-child){margin-top:14px}.empty-note{color:var(--muted);padding:4px 0}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.slot{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:6px;text-align:left;border-style:solid;border-color:transparent;border-width:12px;border-image-source:var(--img-slot);border-image-slice:6 fill;border-image-width:12px;border-image-repeat:stretch;background:none;padding:0;min-height:64px;color:var(--paper-ink);cursor:default}button.slot{cursor:pointer}button.slot:hover{filter:brightness(1.05)}button.slot:active{transform:translateY(2px)}.slot img{width:32px;height:32px;margin:-4px}.slot .name{font-weight:700}.slot .meta{font-size:13px;color:var(--muted)}.slot .count{font-size:14px}.row-list{display:grid;gap:8px}.sell-row{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;border-style:solid;border-color:transparent;border-width:12px;border-image-source:var(--img-slot);border-image-slice:6 fill;border-image-width:12px}.sell-row img{width:32px;height:32px}.sell-row .actions{display:flex;gap:6px}.badge{display:inline-flex;align-items:center;gap:4px}.badge img{width:32px;height:32px;margin:-8px -4px}.mut{color:#7a4fb8}.logbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.log-entry{display:grid;justify-items:center;gap:2px;text-align:center;min-height:112px;border-style:solid;border-color:transparent;border-width:12px;border-image-source:var(--img-slot);border-image-slice:6 fill;border-image-width:12px}.log-entry img{width:48px;height:48px}.log-entry .silhouette{filter:brightness(0) opacity(.35)}.log-entry .meta{font-size:13px;color:var(--muted)}.progress{height:12px;background:#c9a465;border:2px solid var(--paper-ink);position:relative}.progress>i{position:absolute;left:0;top:0;bottom:0;background:var(--good)}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.kv .k{color:var(--muted)}.source-table{display:grid;gap:6px}.source-row{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;border-style:solid;border-color:transparent;border-width:10px;border-image-source:var(--img-slot);border-image-slice:6 fill;border-image-width:10px}.source-row img{width:32px;height:32px}.notice{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:start}.notice img{width:32px;height:32px}.tooltip{position:fixed;z-index:40;max-width:300px;pointer-events:none;font-size:14px;line-height:1.3}.tooltip .tt-title{font-size:16px;font-weight:700}.tooltip .tt-row{display:flex;align-items:center;gap:6px}.tooltip .tt-row img{width:16px;height:16px}.toasts{position:fixed;left:50%;transform:translate(-50%);top:8px;z-index:50;display:grid;gap:8px;width:min(440px,calc(100% - 24px));pointer-events:none}.toast{animation:toastIn .25s ease-out}.toast.out{animation:toastOut .3s ease-in forwards}.toast.bad{color:var(--bad)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(12px)}}.tutorial{position:fixed;z-index:15;left:50%;transform:translate(-50%);bottom:88px;width:min(520px,calc(100% - 16px))}.tutorial .step{font-size:13px;color:#f0d9a8}.tutorial .text{margin:4px 0}.tutorial .foot{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-top:6px}.highlight{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.25) drop-shadow(0 0 4px #ffe9a0)}}@media (max-width: 640px){.hud{gap:8px}.hud .who{font-size:16px;width:100%;flex-direction:row;gap:8px;align-items:baseline}.stat{font-size:16px}.toolbar{gap:4px;margin:0 4px 4px;flex-wrap:nowrap}.toolbar .btn{flex:1;flex-direction:column;gap:0;font-size:13px;padding:0;min-height:56px}.toolbar .btn>img{margin:-8px 0 -4px}.toolbar .btn>span{top:0}.slots{grid-template-columns:1fr 1fr}.title-xl{font-size:32px}.tutorial{bottom:96px}.toasts{top:6px}.sell-row{grid-template-columns:40px 1fr}.sell-row .actions{grid-column:1 / -1}.sell-row .actions .btn{flex:1}}.stage-col{display:flex;flex-direction:column;min-height:0}.stage-col>.stage{flex:1;min-height:0}.seed-banner{margin:8px 8px 0}.seed-banner .btn{margin-top:6px}[data-tool=uitbreiden].can>img{animation:pulse 1.6s ease-in-out infinite}.game{grid-template-columns:minmax(0,1fr)}.game>*{min-width:0}@media (max-width: 640px){.toolbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:0 2px}.toolbar .btn{grid-column:span 2;min-width:0;min-height:44px;flex-direction:row;gap:4px;font-size:13px;padding:0 2px;border-width:10px;border-image-width:10px}.toolbar .btn:nth-child(n+4){grid-column:span 3}.toolbar .btn>img{width:32px;height:32px;margin:-10px -4px -10px -6px;flex:none}.toolbar .btn>span{top:-1px}.hud .stat{font-size:15px}.hud .btn.small{margin-left:auto}}@media (min-width: 1100px){.tutorial{left:auto;right:16px;transform:none;width:400px;bottom:96px}}