/* 烟波渡「器物牌」（水墨版）：水乡里所有可操作的物件共用的一块牌子，风格和行囊 / 节气历同一套：
   旧宣纸底 + 墨线毛笔边框 + 猫田楷标题 + 朱砂印；按钮是墨色毛笔条，选中是浓墨，要紧的是朱砂；不用绿 / 蓝 / 圆角。
   不是对话框：贴在屏幕左侧，不挡住世界，世界不暂停；走远 / 按「扑」/ 点 × 收起。 */
#lcard { display: none; position: fixed; left: 0; top: 0; z-index: 12; width: max-content; max-width: none; transform-origin: 0 0; padding: 8px 10px 6px; color: #1d1f1b; font-family: var(--serif); background: url(../../assets/ui/ink/oldpaper.jpg) center / cover, #e7d5ae; border: 12px solid transparent; border-image: url(../../assets/ui/ink/frame.webp) 30 / 12px / 0 stretch; box-shadow: 0 6px 18px rgba(20, 16, 10, .38); touch-action: none; pointer-events: auto; user-select: none; }
#lcard.on { display: block; }
#lcard::after { content: ""; position: absolute; right: 0; bottom: 0; width: 62%; height: 46%; background: url(../../assets/ui/ink/ink_waterway.webp) no-repeat right bottom / contain; opacity: .22; mix-blend-mode: multiply; pointer-events: none; }
#lcard > * { position: relative; z-index: 1; }
/* 抬头：朱砂印 + 毛笔标题 + 水位小章；底下一道墨线 */
#lcard .lc-head { display: flex; align-items: center; gap: 10px; padding: 0 0 6px; background: url(../../assets/ui/ink/ink_line.webp) left bottom / 100% 5px no-repeat; margin-bottom: 5px; }
#lcard .lc-seal { flex: none; display: grid; place-items: center; width: 36px; height: 36px; font: 22px/1 "猫田楷", var(--serif); color: #f6e9d6; background: #a8392b; border-radius: 2px; transform: rotate(-5deg); box-shadow: inset 0 0 0 2px rgba(246, 233, 214, .35); }
#lcard .lc-title { flex: 1; min-width: 0; line-height: 1.1; }
#lcard .lc-title b { display: block; font: 400 22px/1.1 "猫田楷", var(--serif); letter-spacing: 5px; color: #1d1f1b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#lcard .lc-title span { font-size: 12px; letter-spacing: 2px; color: #86795f; }
#lcard .lc-x { flex: none; width: 30px; height: 30px; padding: 0; font: 400 26px/1 "猫田楷", var(--serif); color: #1d1f1b; background: transparent; border: 0; }
#lcard .lc-x:active { color: #a8392b; }
#lcard .lc-badges { flex: none; display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
#lcard .lc-body { display: block; }
#lcard.wide .lc-body { display: grid; grid-template-columns: auto auto; gap: 10px; align-items: start; }
#lcard .lc-col { width: 250px; } #lcard .lc-col:first-child:not(:last-child) { width: auto; }
#lcard.wide .lc-col:last-child { width: var(--rw, 270px); }
#lcard:not(.wide) .lc-col { width: 300px; }
/* 窗口很矮时：右边分两列，整块变宽变扁 */
#lcard.cols2 { --rw: 450px; } #lcard.cols2 .lc-body > .lc-col:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; align-content: start; } #lcard.cols2 .lc-body > .lc-col:last-child > .lc-btns, #lcard.cols2 .lc-body > .lc-col:last-child > .lc-tip { grid-column: 1 / -1; }
#lcard .lc-col { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
/* 小图：一幅淡墨小景，墨线框 */
#lcard canvas.lc-view { display: block; max-width: 100%; border: 0; outline: 1.5px solid rgba(40, 34, 22, .75); outline-offset: -1px; background: radial-gradient(ellipse 80% 140% at 12% 40%, rgba(58, 50, 38, .08), rgba(58, 50, 38, 0) 75%); image-rendering: pixelated; touch-action: none; }  /* 不用边框图：小图的点击位置按画布矩形算，边框会让点位偏 */
/* 小章（状态）：墨线框；颜色只有墨 / 赭 / 朱砂三种 */
.lc-chip { display: inline-flex; align-items: center; gap: 5px; padding: 1px 8px 1px 5px; font-size: 13px; letter-spacing: 1px; color: #1d1f1b; background: linear-gradient(90deg, rgba(58, 50, 38, .13), rgba(58, 50, 38, 0) 85%); border: 0; border-left: 3px solid #3a3226; border-radius: 0; white-space: normal; max-width: 100%; line-height: 1.25; }
.lc-chip i { display: inline-block; width: 7px; height: 7px; background: #b9ad8a; transform: rotate(45deg); flex: none; }
.lc-chip.ok { border-left-color: #2b2a22; } .lc-chip.ok i { background: #2b2a22; }
.lc-chip.warn { border-left-color: #b07a2a; color: #6e4a12; } .lc-chip.warn i { background: #b07a2a; }
.lc-chip.bad { border-left-color: #a8392b; color: #a8392b; } .lc-chip.bad i { background: #a8392b; }
.lc-chip.water { border-left-color: #3a3226; } .lc-chip svg { flex: none; }
/* 一行状态：左边墨色小标题，右边内容，底下一道淡墨虚线 */
.lc-row { display: flex; align-items: center; gap: 8px; min-height: 30px; padding: 2px 2px; border-bottom: 1px dashed rgba(40, 34, 22, .28); font-size: 14px; }
.lc-row > b { flex: none; width: 3.9em; font: 400 15px/1 "猫田楷", var(--serif); letter-spacing: 2px; color: #4a4538; white-space: nowrap; }
.lc-row > .lc-v { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.lc-pips { display: inline-flex; gap: 4px; } .lc-pips s { display: block; width: 16px; height: 9px; border: 1.5px solid #3a3226; border-radius: 1px; background: transparent; } .lc-pips s.on { background: url(../../assets/ui/ink/ink_stroke_2.webp) center / 100% 100% no-repeat; border-color: transparent; }
.lc-meter { flex: 1; min-width: 60px; height: 9px; background: url(../../assets/ui/ink/ink_line.webp) left bottom / 100% 3px no-repeat, rgba(58, 50, 38, .07); overflow: hidden; } .lc-meter i { display: block; height: 100%; background: url(../../assets/ui/ink/ink_stroke_2.webp) left center / 100% 100% no-repeat; }
/* 按钮：墨色毛笔条（和行囊里的按钮同一张笔触图）；要紧的朱砂；选中浓墨 + 朱砂角标；备选只有墨线 */
.lc-btns { display: grid; grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); gap: 5px; }
.lc-btn { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 40px; padding: 2px 6px; font: 400 17px/1.1 "猫田楷", var(--serif); letter-spacing: 3px; color: #f5efdc; background: url(../../assets/ui/ink/stroke.webp) center / 100% 100% no-repeat; border: 0; border-radius: 0; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3)); }
.lc-btn span, .lc-btn small { white-space: nowrap; }
.lc-btn small { font: 12px/1.1 var(--serif); letter-spacing: 1px; opacity: .85; }
.lc-btn:active { transform: translateY(1px); filter: none; }
.lc-btn.warn::before { content: ""; position: absolute; left: 6px; top: 6px; width: 7px; height: 7px; background: #a8392b; transform: rotate(-6deg); box-shadow: 0 0 0 1px rgba(246, 233, 214, .45); }
.lc-btn.alt { color: #1d1f1b; background: radial-gradient(ellipse 80% 140% at 12% 40%, rgba(58, 50, 38, .08), rgba(58, 50, 38, 0) 75%); border: 7px solid transparent; border-image: url(../../assets/ui/ink/frame_thin.webp) 30 / 7px / 0 stretch; filter: none; }
.lc-btn.sel { color: #f5efdc; }
.lc-btn.sel::after { content: ""; position: absolute; right: 7px; top: 6px; width: 7px; height: 7px; background: #a8392b; transform: rotate(45deg); }
.lc-btn.off { opacity: .42; }
.lc-btns .lc-btn { letter-spacing: 0; font-size: 15px; padding: 2px 3px; }
.lc-seg { display: flex; border: 7px solid transparent; border-image: url(../../assets/ui/ink/frame_thin.webp) 30 / 7px / 0 stretch; overflow: hidden; } .lc-seg button { flex: 1; min-height: 32px; padding: 0 4px; font: 400 15px/1 "猫田楷", var(--serif); letter-spacing: 2px; border: 0; border-left: 1px dashed rgba(40, 34, 22, .4); background: transparent; color: #1d1f1b; } .lc-seg button:first-child { border-left: 0; }
.lc-seg button.sel { background: url(../../assets/ui/ink/stroke.webp) center / 100% 100% no-repeat; color: #f5efdc; }
.lc-tip { font-size: 12px; line-height: 1.4; letter-spacing: 0; color: #4a4538; padding: 0 2px; overflow-wrap: anywhere; }
/* 紧凑：小窗口 / 矮屏用，字和按钮都缩一档；整块还会按屏幕再等比缩放（js/v300_lake_card.js 的 fit） */
#lcard.compact { padding: 4px 6px 2px; } #lcard.compact .lc-head { padding-bottom: 4px; margin-bottom: 4px; } #lcard.compact .lc-title b { font-size: 19px; } #lcard.compact .lc-title span { display: none; } #lcard.compact .lc-seal { width: 28px; height: 28px; font-size: 17px; } #lcard.compact .lc-btn { min-height: 34px; font-size: 14px; } #lcard.compact .lc-btn small { font-size: 11px; } #lcard.compact .lc-row { min-height: 27px; font-size: 13px; padding: 1px 2px; } #lcard.compact .lc-row > b { font-size: 14px; } #lcard.compact .lc-seg button { min-height: 28px; font-size: 14px; } #lcard.compact .lc-tip { font-size: 11px; } #lcard.compact::after { display: none; }

/* 指引条：现在第几步、该干什么、一个大按钮（整块牌子最显眼的地方） */
.lc-guide { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 2px 6px; border: 7px solid transparent; border-image: url(../../assets/ui/ink/frame_thin.webp) 30 / 7px / 0 stretch; background: radial-gradient(ellipse 80% 140% at 12% 40%, rgba(58, 50, 38, .08), rgba(58, 50, 38, 0) 75%); }
.lc-guide.bad .t b { color: #a8392b; }
.lc-guide .n { flex: none; display: grid; place-items: center; width: 24px; height: 24px; font: 400 15px/1 "猫田楷", var(--serif); font-style: normal; color: #f6e9d6; background: #a8392b; border-radius: 2px; transform: rotate(-4deg); }
.lc-guide.ok .n { color: #1d1f1b; background: transparent; border: 2px solid #2b2a22; border-radius: 50%; transform: none; } .lc-guide.warn .n { background: #a8392b; }
.lc-guide .t { flex: 1; min-width: 0; } .lc-guide .t b { display: block; font: 400 17px/1.25 "猫田楷", var(--serif); letter-spacing: 2px; color: #1d1f1b; } .lc-guide .t p { margin: 2px 0 0; font-size: 13px; line-height: 1.4; color: #3a3226; }
.lc-guide .a { flex: 1 0 100%; display: flex; flex-direction: row; gap: 6px; } .lc-guide .a > * { flex: 1; min-width: 0; }
.lc-steps { display: flex; align-items: center; gap: 4px; font-size: 13px; color: #86795f; flex-wrap: wrap; }
.lc-steps span { display: inline-flex; align-items: center; gap: 3px; } .lc-steps span i { display: grid; place-items: center; width: 17px; height: 17px; font: 12px/1 var(--serif); font-style: normal; color: #86795f; border: 1.5px solid #b9ad8a; border-radius: 50%; }
.lc-steps span.done { color: #4a4538; } .lc-steps span.done i { color: #f5efdc; background: #2b2a22; border-color: #2b2a22; }
.lc-steps span.cur { color: #a8392b; font-weight: bold; } .lc-steps span.cur i { color: #f6e9d6; background: #a8392b; border-color: #a8392b; }
.lc-steps em { font-style: normal; color: #b9ad8a; }
.lc-legend { display: flex; flex-wrap: wrap; gap: 2px 10px; font-size: 12px; color: #3a3226; } .lc-legend span { display: inline-flex; align-items: center; gap: 4px; }
.lc-legend i.sw { display: inline-block; width: 14px; height: 10px; border: 1px solid #3a3226; } .sw.fish { background: #1d1f1b; border-radius: 50%; } .sw.weed { background: #4a5238; border-radius: 50%; } .sw.fence { background: #6a5a3a; height: 5px; } .sw.pen { background: transparent; border-width: 2px; border-right-color: transparent; } .sw.gate { background: #a8392b; height: 4px; } .sw.arrow { border: 0; background: none; color: #a8392b; font: bold 13px/1 var(--serif); width: auto; height: auto; } .sw.arrow::before { content: "〈〈"; } .sw.dead { background: repeating-linear-gradient(135deg, rgba(168, 57, 43, .55) 0 2px, transparent 2px 4px); } .sw.net { background: rgba(58, 50, 38, .18); border-width: 2px; }
.lc-cap { font-size: 12px; line-height: 1.4; color: #4a4538; padding: 0 2px; } .lc-cap.bad { color: #a8392b; }
.lc-btn.pulse { box-shadow: 0 0 0 2px #a8392b; animation: lcpulse 1.1s ease-in-out infinite; } @keyframes lcpulse { 50% { box-shadow: 0 0 0 5px rgba(168, 57, 43, .25); } }
.lc-sec { font: 400 14px/1 "猫田楷", var(--serif); letter-spacing: 3px; color: #4a4538; padding: 3px 0 1px; border-bottom: 1px solid rgba(40, 34, 22, .3); }
#lcard.compact .lc-guide .t b { font-size: 15px; } #lcard.compact .lc-guide .t p { font-size: 12px; }

/* 第二版版式（w2）：步骤条横贯整块；左边大图、右边指引 + 建筑示意；底下一排工具；中间不留白 */
#lcard.w2 { width: 780px; }
#lcard.w2 .lc-top { margin: 0 0 6px; } #lcard.w2 .lc-top .lc-steps { display: flex; width: 100%; justify-content: space-between; padding: 2px 6px; border: 7px solid transparent; border-image: url(../../assets/ui/ink/frame_thin.webp) 30 / 7px / 0 stretch; background: radial-gradient(ellipse 80% 140% at 12% 40%, rgba(58, 50, 38, .08), rgba(58, 50, 38, 0) 75%); }
#lcard.w2 .lc-steps span { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; } #lcard.w2 .lc-steps em { flex: 1; text-align: center; font-size: 20px; color: #86795f; }
#lcard.w2 .lc-steps u { text-decoration: none; font-size: 12px; padding: 0 6px; border-bottom: 1px solid #9c9072; color: #6a6046; } #lcard.w2 .lc-steps .cur u { border-bottom-color: #a8392b; color: #a8392b; } #lcard.w2 .lc-steps .done u { border-bottom-color: #2b2a22; color: #2b2a22; }
#lcard.w2 .lc-body { grid-template-columns: 410px 1fr; align-items: stretch; } #lcard.w2 .lc-col, #lcard.w2 .lc-col:last-child { width: auto; }
#lcard.w2 canvas.lc-view.map { width: 100%; height: auto; }
#lcard.w2 .lc-foot { margin-top: 6px; } #lcard.w2 .lc-foot .lc-btns { --n: 4; } #lcard.w2 .lc-foot .lc-btn { min-height: 44px; }
#lcard.w2 .lc-demo { display: flex; gap: 10px; align-items: center; padding: 2px 6px; border: 7px solid transparent; border-image: url(../../assets/ui/ink/frame_thin.webp) 30 / 7px / 0 stretch; background: radial-gradient(ellipse 80% 140% at 12% 40%, rgba(58, 50, 38, .08), rgba(58, 50, 38, 0) 75%); } #lcard.w2 .lc-demo canvas { flex: none; width: 112px; height: 112px; image-rendering: pixelated; } #lcard.w2 .lc-demo .t { flex: 1; font-size: 14px; line-height: 1.45; } #lcard.w2 .lc-demo .t b { display: block; font: 400 17px/1.2 "猫田楷", var(--serif); letter-spacing: 2px; color: #a8392b; margin-bottom: 2px; }
#lcard.w2 .lc-mats { display: flex; gap: 8px; flex-wrap: wrap; } #lcard.w2 .lc-mat { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border: 0; border-bottom: 1px solid #9c9072; background: radial-gradient(ellipse 80% 140% at 12% 40%, rgba(58, 50, 38, .08), rgba(58, 50, 38, 0) 75%); font-size: 15px; } #lcard.w2 .lc-mat.bad { color: #a8392b; border-color: #a8392b; }
#lcard.w2.compact { width: 640px; } #lcard.w2.compact .lc-body { grid-template-columns: 330px 1fr; } #lcard.w2.compact canvas.lc-view.map { height: 190px; width: auto; } #lcard.w2.compact .lc-demo canvas { width: 70px; height: 70px; } #lcard.w2.compact .lc-demo .t { font-size: 12px; } #lcard.w2.compact .lc-steps span { font-size: 13px; }

/* 运转状态条：教程做完之后替掉步骤条；一行几项「名 · 值」，出问题的那项变色 */
.lc-stat { display: flex; flex-wrap: wrap; gap: 4px 8px; padding: 2px 6px; border: 7px solid transparent; border-image: url(../../assets/ui/ink/frame_thin.webp) 30 / 7px / 0 stretch; background: radial-gradient(ellipse 80% 140% at 12% 40%, rgba(58, 50, 38, .08), rgba(58, 50, 38, 0) 75%); }
.lc-stat span { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 0 4px; border-left: 3px solid #b9ad8a; } .lc-stat span:first-child { border-left-color: #b9ad8a; }
.lc-stat b { font: 400 13px/1.1 "猫田楷", var(--serif); letter-spacing: 2px; color: #86795f; white-space: nowrap; } .lc-stat i { font: 400 17px/1.2 "猫田楷", var(--serif); font-style: normal; color: #1d1f1b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.lc-stat .warn { border-left-color: #b07a2a; } .lc-stat .warn i { color: #6e4a12; } .lc-stat .bad { border-left-color: #a8392b; } .lc-stat .bad i { color: #a8392b; } .lc-stat .ok { border-left-color: #2b2a22; }
#lcard.w2 .lc-top .lc-stat { width: 100%; } #lcard.compact .lc-stat i { font-size: 14px; } #lcard.compact .lc-stat b { font-size: 11px; }

/* 很矮的横屏（高 ≈ 200–260）：w2 版式再收一档——去掉示意图、图例、说明小字、步骤标签，地图矮一点，保证字还够大 */
#lcard.w2.tiny { width: 600px; } #lcard.w2.tiny .lc-body { grid-template-columns: 250px 1fr; }
#lcard.w2.tiny .lc-demo, #lcard.w2.tiny .lc-legend, #lcard.w2.tiny .lc-cap, #lcard.w2.tiny .lc-steps u, #lcard.w2.tiny .lc-guide .t p { display: none; }
#lcard.w2.tiny canvas.lc-view.map { height: 150px; width: auto; max-width: 100%; } #lcard.w2.tiny .lc-title span { display: none; }
#lcard.w2.tiny .lc-guide { padding: 3px 6px; } #lcard.w2.tiny .lc-foot .lc-btn { min-height: 34px; } #lcard.w2.tiny .lc-top { margin-bottom: 3px; }

/* 渔事册：一行一件事，左边朱砂徽记，没做的淡成墨影；右边标题、说明、盖章日期 */
.lc-log { display: flex; align-items: center; gap: 8px; padding: 1px 2px; border-bottom: 1px dashed rgba(40, 34, 22, .28); }
.lc-log canvas.seal { flex: none; display: block; image-rendering: pixelated; border: 0; background: none; box-shadow: none; }
.lc-log .t { flex: 1; min-width: 0; } .lc-log .t b { display: block; font: 400 15px/1.15 "猫田楷", var(--serif); letter-spacing: 2px; color: #1d1f1b; }
.lc-log .t p { margin: 1px 0 0; font-size: 12px; line-height: 1.35; color: #3a3226; } .lc-log .t small { font-size: 12px; letter-spacing: 1px; color: #86795f; }
.lc-log.done .t small { color: #a8392b; } .lc-log:not(.done) .t b { color: #6a6046; }
#lcard.compact .lc-log .t p { display: none; }

/* 流程条（步骤）：一格一步，左边圈号、右边步骤名 + 小字状态，格与格之间一笔墨线；完成 = 墨圈打钩，当前 = 朱砂圈，待做 = 淡墨圈（不平涂） */
#lcard:not(.w2) .lc-steps { display: flex; align-items: center; gap: 0; padding: 2px 0 6px; background: url(../../assets/ui/ink/ink_line.webp) left bottom / 100% 3px no-repeat; }
#lcard:not(.w2) .lc-steps em { display: none; }
#lcard:not(.w2) .lc-steps span { flex: 1 1 0; min-width: 0; position: relative; display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 6px; align-content: center; justify-content: center; align-items: center; text-align: left; font: 400 16px/1.15 "猫田楷", var(--serif); letter-spacing: 2px; color: #86795f; }
#lcard:not(.w2) .lc-steps span i { grid-row: 1 / 3; position: relative; z-index: 1; width: 26px; height: 26px; display: grid; place-items: center; font: 400 15px/1 "猫田楷", var(--serif); font-style: normal; color: #86795f; background: transparent; border: 1.5px solid #9c9072; border-radius: 50%; }
#lcard:not(.w2) .lc-steps span:not(:first-child)::before { content: ""; position: absolute; top: 50%; margin-top: -1px; left: -14%; width: 12%; height: 3px; background: url(../../assets/ui/ink/ink_line.webp) center / 100% 100% no-repeat; opacity: .6; }
#lcard:not(.w2) .lc-steps span u { text-decoration: none; font: 12px/1 var(--serif); letter-spacing: 1px; color: #86795f; }
#lcard:not(.w2) .lc-steps span.done { color: #1d1f1b; } #lcard:not(.w2) .lc-steps span.done i { color: #1d1f1b; background: transparent; border: 2px solid #2b2a22; } #lcard:not(.w2) .lc-steps span.done u { color: #4a4538; }
#lcard:not(.w2) .lc-steps span.cur { color: #a8392b; font-weight: normal; } #lcard:not(.w2) .lc-steps span.cur i { color: #a8392b; background: transparent; border: 2px solid #a8392b; } #lcard:not(.w2) .lc-steps span.cur u { color: #a8392b; }
#lcard.compact:not(.w2) .lc-steps span { font-size: 14px; } #lcard.compact:not(.w2) .lc-steps span i { width: 22px; height: 22px; font-size: 13px; }

.lc-log:not(.done) canvas.seal { filter: grayscale(.6); }
.lc-log .t p, .lc-log .t small { white-space: nowrap; }

/* 统一：牌子放不下时出一条细墨色滚动条 */
#lcard { overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #3a3226 transparent; }
#lcard::-webkit-scrollbar { width: 6px; } #lcard::-webkit-scrollbar-thumb { background: #3a3226; border-radius: 0; } #lcard::-webkit-scrollbar-track { background: transparent; }

/* 条形牌（撒网瞄准 / 围网）：一条贴在行囊栏上方，不挡水面和瞄准圈；字和按钮一排 */
#lcard.strip { padding: 3px 6px; max-width: none; } #lcard.strip::after { display: none; } #lcard.strip .lc-head { display: none; } #lcard.strip .lc-col { width: auto !important; }
.lc-strip { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.lc-strip .lc-chip { white-space: nowrap; font-size: 15px; } .lc-strip .lc-seg button { min-height: 34px; padding: 0 10px; } .lc-strip .lc-btn { min-height: 38px; min-width: 76px; padding: 2px 10px; } .lc-strip .lc-btn small { font-size: 11px; }
.lc-view.inkpt { width: 96px; height: 96px; align-self: center; image-rendering: pixelated; outline: 0; }