:root{--ink:#2b2118;--yel:#ffd23f;--red:#ff4d4d;--grn:#43d17a;--blue:#1f6fd1;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,system-ui,sans-serif}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;touch-action:none;background:#5d9a3a;height:100%;margin:0;overflow:hidden}#c{width:100%;height:100%;position:fixed;inset:0}.hidden{display:none!important}#loading{color:#fff;background:#5d9a3a;place-items:center;font-size:22px;font-weight:800;display:grid;position:fixed;inset:0}#title{background:url(/art/title.jpg) 50%/cover;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.tcard{border:4px solid var(--ink);width:min(440px,100%);box-shadow:0 10px 0 var(--ink);text-align:center;color:var(--ink);background:#fffcf0f0;border-radius:22px;margin-top:32vh;padding:18px 20px}.tcard h1{letter-spacing:4px;color:var(--yel);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);margin:0;font-size:44px;font-weight:900}.slogan{margin:4px 0 8px;font-size:22px;font-weight:900}.slogan .m{color:var(--blue)}.slogan .b{color:#d62828}.tcard p{margin:6px 0;font-size:15px;line-height:1.6}.tcard ul{text-align:left;margin:6px 0 12px;padding-left:20px;font-size:14px;line-height:1.8}#start,.btn{font:inherit;border:3px solid var(--ink);color:var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;background:linear-gradient(#ffe066,#ffb703);border-radius:16px;padding:12px 28px;font-size:22px;font-weight:900}#start:active,.btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}#hud{pointer-events:none;display:none;position:fixed;inset:0}body.playing #hud{display:block}#hud button{pointer-events:auto}#top{top:calc(6px + env(safe-area-inset-top));border:3px solid var(--ink);width:min(560px,96vw);color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fffcf0ed;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 10px;padding:6px 12px;display:grid;position:absolute;left:50%;transform:translate(-50%)}#top .day{font-size:15px}#top .day b{font-size:22px}#top .day small{color:#7a6a58;margin-left:2px}#top .clock{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}#top .ap{align-items:center;gap:6px;font-size:13px;display:flex}#top .ap .bar{border:2px solid var(--ink);background:#fff;border-radius:8px;flex:1;height:14px;overflow:hidden}#top .ap .bar i{height:100%;transition:width .3s;display:block}#top .ap b{text-align:right;min-width:44px;font-size:18px}#top .stock{grid-column:1/-1;justify-content:space-around;font-size:17px;display:flex}#top .stock b{font-size:20px}#banner{top:calc(100px + env(safe-area-inset-top));opacity:0;background:var(--yel);border:3px solid var(--ink);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:96vw;box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:6px 14px;font-size:16px;font-weight:900;transition:all .2s;position:absolute;left:50%;overflow:hidden;transform:translate(-50%,-12px)}#banner.show{opacity:1;transform:translate(-50%)}#banner.red{color:#fff;background:#ff6b5e;animation:.4s infinite shake}#banner b{margin-left:6px;font-size:22px}@keyframes shake{25%{transform:translate(calc(-50% - 2px))}75%{transform:translate(calc(2px - 50%))}}#orders{left:6px;bottom:calc(10px + env(safe-area-inset-bottom));flex-direction:column-reverse;gap:6px;width:min(230px,56vw);display:flex;position:absolute}.order{text-align:left;font:inherit;color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;background:#fffaf0;border-radius:12px;grid-template-columns:1fr auto;gap:0 6px;padding:6px 10px 10px;display:grid;position:relative;overflow:hidden}.order .who{font-size:14px;font-weight:800}.order .need{font-size:14px}.order .need b{font-size:18px}.order .act{background:#ddd;border-radius:8px;grid-area:1/2/3;align-self:center;padding:4px 8px;font-size:15px;font-weight:900}.order.ok .act{background:var(--grn);color:#fff;animation:.8s infinite pulse}.order.part .act{background:var(--yel)}.order .t{background:var(--blue);height:5px;transition:width .2s linear;position:absolute;bottom:0;left:0}.order.hurry{border-color:var(--red)}.order.hurry .t{background:var(--red)}@keyframes pulse{50%{transform:scale(1.08)}}#hint{right:8px;bottom:calc(14px + env(safe-area-inset-bottom));color:#fff;background:#0000008c;border-radius:10px;max-width:40vw;padding:6px 10px;font-size:14px;position:absolute}#hint:empty{display:none}#calf{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));border:3px solid var(--ink);text-align:center;color:var(--ink);box-shadow:0 4px 0 var(--ink);pointer-events:auto;z-index:3;background:#fff0f6;border-radius:16px;padding:8px 12px;font-weight:900;position:absolute;transform:translate(-50%)}#calf .row{gap:8px;margin-top:6px;display:flex}#calf button{font:inherit;border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:8px 14px;font-size:17px;font-weight:900;display:flex}#calf small{font-size:11px;font-weight:400}#mute{top:calc(118px + env(safe-area-inset-top));border:3px solid var(--ink);background:#fffaf0;border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;right:8px}#modal{z-index:10;background:#141e3ca6;place-items:center;padding:12px;display:grid;position:fixed;inset:0;overflow:auto}#modal .card{border:4px solid var(--ink);width:min(520px,100%);box-shadow:0 8px 0 var(--ink);color:var(--ink);background:#fffaf0;border-radius:20px;padding:16px;animation:.3s drop}@keyframes drop{0%{opacity:0;transform:translateY(-30px)scale(.95)}}.paper .mast{border-bottom:3px double var(--ink);justify-content:space-between;padding-bottom:4px;font-size:18px;font-weight:900;display:flex}.paper h1{margin:10px 0;font-size:26px;font-weight:900;line-height:1.3}.paper .stats{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;font-size:14px;display:grid}.paper .stats b{font-size:18px}.delta{text-align:center;margin:8px 0 12px;font-size:22px;font-weight:900}.delta.up{color:#1d9a4a}.delta.down{color:#d62828}.card .btn{width:100%;display:block}.council .who{color:#7a6a58;font-size:14px}.council h2{margin:8px 0 12px;font-size:22px;line-height:1.4}.choices{gap:10px;display:grid}.choice{font:inherit;text-align:left;border:3px solid var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:12px;display:flex}.choice b{font-size:18px}.choice small{color:#6b5d4f;font-size:13px}.shop h2{justify-content:space-between;margin:0 0 6px;display:flex}.shop h2 span{color:#b07a00}.herd{margin-bottom:8px;font-size:14px}.grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.up{font:inherit;text-align:left;border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:auto 1fr;gap:0 6px;padding:8px;display:grid}.up .ic{grid-row:1/4;font-size:28px}.up b{font-size:14px}.up small{color:#6b5d4f;font-size:11px}.up .cost{color:#b07a00;font-size:13px;font-weight:800}.up:disabled{opacity:.4}.end{text-align:center}.end .big{font-size:40px;font-weight:900}.end h2{margin:6px 0}.end .row{margin-top:12px}@media (width<=600px){#top{grid-template-columns:auto auto 1fr;padding:4px 8px}#top .clock,#top .day b{font-size:18px}#top .stock{font-size:14px}#top .stock b{font-size:16px}#banner{top:calc(86px + env(safe-area-inset-top));white-space:normal;text-align:center;font-size:13px}.paper h1{font-size:21px}.council h2{font-size:19px}.tcard{margin-top:26vh}.tcard h1{font-size:36px}}.credit{color:#7a6a58;text-align:center;margin-top:10px;font-size:13px}