.ink-game{color:#2f3127;min-height:100vh;font-family:var(--font-noto-sans-tc),sans-serif;background-color:#efe4cf;background-image:radial-gradient(circle at 12% 8%,#fff9e9 0 8%,#0000 31%),linear-gradient(135deg,#ead5ad,#e9e2c9 48%,#bbd0b4);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.ink-top{color:#fff;background:#2f3127;justify-content:space-between;align-items:center;height:58px;padding:0 max(18px,4vw);display:flex}.ink-top a{color:inherit;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:flex}.ink-top svg{width:19px}.ink-top>span{letter-spacing:.16em;font:800 13px/1 system-ui}.ink-top small{opacity:.55}.ink-shell{width:min(1180px,100% - 28px);margin:auto;padding:26px 0 50px}.ink-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.ink-heading p{color:#9b3e35;letter-spacing:.12em;margin:0 0 4px;font-size:13px;font-weight:900}.ink-heading h1{margin:0;font-family:serif;font-size:clamp(36px,5vw,60px);line-height:1}.ink-heading>button{color:#2f3127;background:#fff9e9;border:1px solid #60664f;border-radius:50%;width:46px;height:46px}.ink-heading>button:disabled{opacity:.35}.ink-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);gap:20px;display:grid}.ink-board,.ink-side{background:#fffaebe6;border:1px solid #2f31273b;box-shadow:0 18px 54px #373d2d21}.ink-board{border-radius:26px;padding:15px}.ink-hud{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.ink-hud>div{color:#fff;background:#34372c;border-radius:14px;min-width:0;padding:9px 11px}.ink-hud small{color:#d8b85e;letter-spacing:.08em;font-size:10px;display:block}.ink-hud strong{white-space:nowrap;font:900 20px/1.1 system-ui}.ink-hud em{opacity:.64;font-size:12px;font-style:normal}.ink-progress{background:#d8cbb0;border-radius:9px;height:5px;margin:11px 4px;overflow:hidden}.ink-progress i{background:linear-gradient(90deg,#315c8f,#d89b37,#c64c40);height:100%;transition:width .2s;display:block}.ink-work{isolation:isolate;touch-action:manipulation;background:linear-gradient(#ede1c5,#d7c29d);border:5px solid #584936;border-radius:21px;min-height:440px;position:relative;overflow:hidden}.ink-work:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 19%,#42352514 19% 20%),radial-gradient(circle at 50% 92%,#ffffffa6,#0000 40%);position:absolute;inset:0}.ink-columns{grid-template-columns:repeat(5,1fr);align-items:end;gap:10px;display:grid;position:absolute;inset:22px 18px 28px}.ink-column{background:#fffcef94;border:1px solid #3731222b;border-radius:48px 48px 16px 16px;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:7px;height:100%;padding:34px 5px 7px;display:flex;position:relative}.ink-column span{aspect-ratio:1;color:#fff8dc;border:3px solid #ffffffa1;border-radius:50% 48% 54% 44%;place-items:center;width:min(58px,75%);font-size:11px;font-weight:1000;transition:transform .18s;display:grid;box-shadow:inset 0 -8px #0000001f,0 6px 12px #392d1c21}.ink-column span.seal{outline:3px solid #f5cc57;box-shadow:0 0 18px #eac85f,inset 0 -8px #0000001f}.ink-column b{color:#fff7df;white-space:nowrap;background:#2f3127;border-radius:12px;padding:3px 7px;font-size:10px;position:absolute;bottom:-23px}.ink-column b.empty{background:#71816b}.ink-overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2b2d24c9;place-items:center;display:grid;position:absolute;inset:0}.ink-overlay>div{text-align:center;background:#fff8e7;border:2px solid #c9973a;border-radius:24px;width:min(530px,88%);max-height:91%;padding:24px;overflow:auto}.ink-overlay>div>span,.ink-overline{letter-spacing:.18em;color:#9b3e35;font-size:10px;font-weight:1000}.ink-overlay h2{margin:8px 0;font:800 clamp(25px,4vw,40px)/1.1 serif}.ink-overlay p{max-width:440px;margin:10px auto 15px;line-height:1.58}.ink-overlay>div>button{color:#fff;background:#9b3e35;border:0;border-radius:16px;align-items:center;gap:8px;min-height:50px;padding:0 23px;font-weight:900;display:inline-flex}.ink-overlay>div>small{color:#69705e;margin-top:12px;display:block}.ink-upgrades{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.ink-upgrades button{color:#2f3127;background:#f6e4ba;border:1px solid #bd9451;border-radius:16px;min-height:108px;padding:10px 6px}.ink-upgrades svg{margin:0 auto 6px;display:block}.ink-upgrades b,.ink-upgrades small{display:block}.ink-upgrades small{margin-top:5px;line-height:1.3}.ink-basins{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.ink-basins button{border:1px solid color-mix(in srgb,var(--ink),#332c20 30%);color:#2f3127;text-align:left;background:#fff8e8;border-radius:15px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;min-height:72px;padding:8px;display:grid}.ink-basins button:disabled{opacity:.42}.ink-basins i{background:var(--ink);border-radius:50%;grid-row:1/3;width:24px;height:24px;box-shadow:inset 0 -4px #00000026}.ink-basins b{font-size:13px}.ink-basins small{color:#727461;font-size:10px}.ink-notice{color:#505b45;min-height:24px;margin:10px 5px 0;font-size:13px;font-weight:800}.ink-side{border-radius:26px;padding:24px}.ink-side h2{margin:9px 0;font:800 30px/1.13 serif}.ink-side>p{color:#5e6253;line-height:1.65}.ink-tip{border-top:1px solid #ddcda9;gap:10px;padding:14px 0;display:flex}.ink-tip svg{color:#9b3e35;flex:none}.ink-tip p{margin:0}.ink-tip b,.ink-tip span{display:block}.ink-tip span{color:#747668;margin-top:3px;font-size:12px;line-height:1.5}.ink-side details{border-top:1px solid #ddcda9;padding-top:13px}.ink-side summary{cursor:pointer;font-weight:900}.ink-side details p{font-size:12px;line-height:1.65}.ink-batch{height:0;margin:0;font-size:0}.game-focus .ink-side{display:none}.game-focus .ink-layout{grid-template-columns:1fr}.game-focus .ink-work{min-height:580px}@media (max-width:850px){.ink-layout{grid-template-columns:1fr}.ink-side{order:2}.ink-work{min-height:min(58vh,500px)}}@media (max-width:520px){.ink-shell{width:calc(100% - 16px);padding-top:17px}.ink-top{height:52px}.ink-heading h1{font-size:39px}.ink-board{border-radius:20px;padding:9px}.ink-hud{grid-template-columns:repeat(3,1fr)}.ink-work{min-height:400px}.ink-columns{gap:5px;inset:18px 7px 27px}.ink-column{gap:5px;padding-inline:2px}.ink-column span{border-width:2px;width:72%}.ink-basins{grid-template-columns:repeat(2,1fr)}.ink-upgrades{grid-template-columns:1fr}.ink-upgrades button{min-height:72px}.ink-overlay>div{padding:17px}.ink-side{padding:20px}}@media (max-width:360px){.ink-work{min-height:360px}.ink-column span{width:68%}.ink-hud strong{font-size:17px}.ink-heading p{font-size:11px}}@media (prefers-reduced-motion:reduce){.ink-column span,.ink-progress i{transition:none}}