.lfp-mode-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.lfp-mode-tabs button{flex:1 1 220px;font-family:'Noto Serif TC',serif;font-size:17px;font-weight:900;letter-spacing:normal;padding-block:12px}
.lfp-mode-tabs [aria-pressed="true"]{color:#fff;background:#8b6310;border-color:#8b6310}
.lfp-set-panel{margin-bottom:18px;padding:18px;border:1.5px solid rgba(184,134,44,.24);border-radius:18px;background:rgba(255,255,255,.72)}
.lfp-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.lfp-panel-head h2{font-family:'Noto Serif TC',serif;font-size:18px;color:#5a3e0a;letter-spacing:.5px}
.lfp-panel-head p{margin-top:4px;font-size:13px;color:#666;line-height:1.6}
.lfp-count{flex:none;min-width:54px;padding:7px 11px;border-radius:999px;background:#f3e4c2;color:#5a3e0a;text-align:center;font-weight:800}
.lfp-word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:0}
.lfp-word-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 12px;border-radius:13px;background:#fff;border:1px solid rgba(139,99,16,.2)}
.lfp-word-list li>span{display:flex;flex-direction:column;min-width:0}
.lfp-word-list strong{font-family:'Sarabun','Noto Sans Thai',sans-serif;font-size:18px;color:#5a3e0a;line-height:1.45}
.lfp-word-list small{font-size:12px;color:#666;line-height:1.4}
.lfp-word-list .lfp-item-note{color:#8b6310;font-weight:700}
.lfp-remove{flex:none;border:0;border-radius:999px;padding:6px 9px;background:#f7eee1;color:#8b6310;font:700 12px 'Noto Sans TC',sans-serif;cursor:pointer}
.lfp-builder{display:grid;grid-template-columns:minmax(155px,.8fr) auto minmax(155px,.8fr) auto minmax(235px,1.15fr) minmax(150px,auto);gap:12px;align-items:stretch;margin-bottom:10px}
.lfp-builder .lfp-slot{min-width:0;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;gap:2px;padding:9px 11px 6px;border:2px solid;border-radius:15px;box-shadow:0 4px 0;cursor:pointer}
.lfp-builder .lfp-slot>span{font:900 11px 'Noto Serif TC',serif;letter-spacing:.4px}
.lfp-slot-formula{color:#a65016;border-color:#a65016!important;background:#fff3e9;box-shadow:0 4px 0 #a65016!important}
.lfp-slot-period{color:#287052;border-color:#287052!important;background:#eef6f1;box-shadow:0 4px 0 #287052!important}
.lfp-builder select,.lfp-builder input{box-sizing:border-box;width:100%;min-width:0;height:48px;min-height:48px;border:0;border-radius:0;background:transparent;padding:10px 3px 6px;font:700 18px/1.65 'Sarabun','Noto Sans Thai',sans-serif;color:currentColor;box-shadow:none;overflow:visible}
.lfp-builder select{cursor:pointer}
.lfp-builder input{appearance:textfield}
.lfp-builder input::-webkit-inner-spin-button,.lfp-builder input::-webkit-outer-spin-button{margin:0;appearance:none}
.lfp-minute-row{display:flex;align-items:center;gap:6px;min-width:0}
.lfp-minute-row>[data-formula-period]{flex:1 1 58px}
.lfp-minute-suffix{display:flex;flex:none;overflow:hidden;border:1px solid currentColor;border-radius:8px}
.lfp-minute-suffix[hidden]{display:none}
.lfp-minute-suffix button{border:0;border-left:1px solid currentColor;background:transparent;padding:4px 6px;color:inherit;font:800 10px 'Noto Sans TC','Noto Sans Thai',sans-serif;white-space:nowrap;cursor:pointer}
.lfp-minute-suffix button:first-child{border-left:0}
.lfp-minute-suffix button[aria-pressed="true"]{background:#287052;color:#fff}
.lfp-plus,.lfp-result-arrow{align-self:center;color:#8b6310;font-size:22px;font-weight:900;line-height:1}
.lfp-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;min-height:80px;padding:7px 12px;border:2px solid #b8862c;border-radius:15px;background:#fffaf0;box-shadow:0 4px 0 #b8862c;text-align:center}
.lfp-preview strong{display:block;padding:6px 0 4px;font-family:'Sarabun','Noto Sans Thai',sans-serif;font-size:20px;line-height:1.65;color:#5a3e0a;overflow:visible}
.lfp-preview span,.lfp-preview small{font-size:12px;color:#666}
.lfp-preview .lfp-item-note{color:#8b6310;font-weight:700}
.lfp-preview.is-invalid{border-style:dashed;box-shadow:none}
.lfp-builder>[data-formula-add]{min-width:140px;min-height:80px;height:100%;padding-inline:14px;border-radius:15px;box-shadow:0 4px 0 rgba(176,78,24,.34)}
.lfp-test-shell{margin-top:18px}
body.rg-modern-font .lfp-word-list strong,body.rg-modern-font .lfp-preview strong,body.rg-modern-font .lfp-builder select,body.rg-modern-font .lfp-builder input{font-family:'Noto Sans Thai','Sarabun',sans-serif}
#lego-formula-periods-game .ltt-play-actions,#lego-formula-clock-game .ltt-play-actions{padding-bottom:12px}
#lego-formula-periods-game .ltt-abandon[hidden],#lego-formula-clock-game .ltt-abandon[hidden]{display:none!important}
.lfb-builder-host{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}
.lfb-builder-line{display:flex;align-items:stretch;gap:12px;min-width:0}
.lfb-block{position:relative;display:flex;flex:1 1 150px;min-width:0;min-height:80px;flex-direction:column;justify-content:space-between;gap:3px;padding:9px 11px 6px;border:2px solid #8b6310;border-radius:15px;background:#fffaf0;box-shadow:0 4px 0 #8b6310;color:#5a3e0a}
.lfb-block[data-role="formula"]{border-color:#a65016;background:#fff3e9;box-shadow:0 4px 0 #a65016;color:#a65016}
.lfb-block[data-role="operand"],.lfb-block[data-role="verb"],.lfb-block[data-role="object"]{border-color:#287052;background:#eef6f1;box-shadow:0 4px 0 #287052;color:#287052}
.lfb-block[data-role="calendar"]{border-color:#4169a8;background:#eef3fb;box-shadow:0 4px 0 #4169a8;color:#294e88}
.lfb-block-label{font:900 11px 'Noto Serif TC',serif;letter-spacing:.4px}
.lfb-block select,.lfb-block input{box-sizing:border-box;width:100%;min-width:0;height:48px;min-height:48px;border:0;background:transparent;padding:10px 3px 6px;font:700 18px/1.65 'Sarabun','Noto Sans Thai',sans-serif;color:currentColor;box-shadow:none;overflow:visible}
.lfb-block input{appearance:textfield}
.lfb-block input::-webkit-inner-spin-button,.lfb-block input::-webkit-outer-spin-button{margin:0;appearance:none}
.lfb-remove-block{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border:1px solid currentColor;border-radius:999px;background:#fff;color:inherit;font:900 14px/1 'Noto Sans TC',sans-serif;cursor:pointer}
.lfb-join{align-self:center;flex:none;color:#8b6310;font-size:22px;font-weight:900;line-height:1}
.lfb-preview-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,auto);gap:12px;align-items:stretch}
.lfb-preview{display:flex;min-height:80px;flex-direction:column;align-items:center;justify-content:center;padding:7px 12px;border:2px solid #b8862c;border-radius:15px;background:#fffaf0;box-shadow:0 4px 0 #b8862c;text-align:center}
.lfb-preview strong{display:block;padding:6px 0 4px;font:700 20px/1.65 'Sarabun','Noto Sans Thai',sans-serif;color:#5a3e0a;overflow:visible}
.lfb-preview small{font-size:12px;color:#666;line-height:1.4}
.lfb-preview.is-invalid{border-style:dashed;box-shadow:none}
.lfb-preview-row .ltt-submit{min-height:80px;border-radius:15px}
.lfb-relative-builder-line{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:12px}
.lfb-relative-builder-line>.lfb-block{height:100%}
.lfb-relative-builder-line .lfb-block select,.lfb-relative-builder-line .lfb-block input{height:48px;min-height:48px;padding:10px 3px 6px;line-height:1.65}
.lfb-relative-builder-line .lfb-block select{-webkit-appearance:none;appearance:none;padding-right:23px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%235a3e0a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:14px 9px}
.lfb-relative-builder-line .lfb-block select:disabled{padding-right:3px;background-image:none;opacity:1}
.lfb-relative-formula-control{display:flex;align-items:center;gap:4px;min-width:0}
.lfb-relative-formula-control select{flex:1 1 auto;width:auto;min-width:0;padding-right:14px;background-position:right 1px center;background-size:10px 6px}
.lfb-relative-formula-control input{flex:0 1 44px;width:clamp(34px,4vw,44px);min-width:34px;border-left:1px solid currentColor;padding-left:4px}
.lfb-relative-builder-line>.lfb-preview,.lfb-relative-builder-line>.ltt-submit{min-height:80px}
.lfb-relative-builder-line>.lfb-preview{grid-column:1/3}
.lfb-answer-label{align-self:stretch;color:#8b6310;text-align:left}
.lfb-rule-hint{line-height:1.45}
.lfb-relative-builder-line>.lfb-preview strong{padding-block:2px;line-height:1.55;overflow:visible}
.lfb-relative-builder-line>.ltt-submit{border-radius:15px}
[data-time-view="time-formula-calendar"] .lfb-block select,[data-time-view="time-formula-calendar"] .lfb-block input{height:48px;min-height:48px;padding:10px 3px 6px;line-height:1.65}
[data-time-view="time-formula-calendar"] .lfb-block select{-webkit-appearance:none;appearance:none;padding-right:23px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23294e88' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:14px 9px}
[data-time-view="time-formula-calendar"] .lfb-preview strong,[data-time-view="time-formula-calendar"] .lfp-word-list strong{display:block;padding:6px 0 4px;line-height:1.65;overflow:visible}
[data-time-view="time-formula-calendar"] .lfp-word-list li>span{overflow:visible}
.lfb-builder-tools{display:flex;flex-wrap:wrap;gap:8px}
.lfb-builder-tools button,.lfb-segmented button{border:1px solid rgba(139,99,16,.38);border-radius:10px;background:#fff;padding:8px 10px;color:#5a3e0a;font:800 12px 'Noto Sans TC',sans-serif;cursor:pointer}
.lfb-segmented{display:flex;gap:5px}
.lfb-segmented button[aria-pressed="true"]{background:#8b6310;color:#fff}
.lfb-more-row{display:flex;justify-content:center;margin:8px 0 18px}
.lfb-human-review{color:#9a6417;font-weight:800}
.lfb-view .lfp-mode-tabs button{font-family:'Noto Serif TC',serif;font-size:17px;font-weight:900;letter-spacing:normal}
.lfb-view .lfp-word-list{margin-bottom:10px}
.lfb-view .lfp-test-shell{margin-top:18px}
.lfb-view .ltt-play-actions{padding-bottom:12px}
.lfb-view .ltt-abandon[hidden]{display:none!important}
body.rg-modern-font .lfb-block select,body.rg-modern-font .lfb-block input,body.rg-modern-font .lfb-preview strong{font-family:'Noto Sans Thai','Sarabun',sans-serif}
@media(min-width:781px){
  [data-time-view="time-formula-clock"] .lfp-builder{grid-template-columns:minmax(155px,.8fr) 48px minmax(155px,.8fr) 48px minmax(235px,1.15fr) minmax(150px,auto);column-gap:0}
  [data-time-view="time-formula-clock"] .lfp-builder>[data-formula-add]{margin-left:48px}
}
@media(max-width:780px){
  .lfp-set-panel{padding:14px}
  .lfp-panel-head{flex-direction:column}
  .lfp-word-list{grid-template-columns:1fr}
  .lfp-builder{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px 8px}
  .lfp-builder .lfp-slot{min-height:76px;padding:8px 9px 5px}
  .lfp-builder select,.lfp-builder input{font-size:17px}
  .lfp-minute-row{gap:3px}
  .lfp-minute-suffix button{padding-inline:4px;font-size:9px}
  .lfp-plus{font-size:21px}
  .lfp-result-arrow{display:none}
  .lfp-preview{grid-column:1/3;min-height:76px;padding-inline:8px}
  .lfp-preview strong{font-size:18px}
  .lfp-preview span{font-size:11px}
  .lfp-builder>[data-formula-add]{grid-column:3;min-width:102px;min-height:76px;padding-inline:8px}
  .lfb-builder-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px 8px}
  .lfb-block{min-height:76px;padding:8px 9px 5px}
  .lfb-block select,.lfb-block input{font-size:17px}
  .lfb-builder-line .lfb-block:nth-of-type(n+3){grid-column:auto/span 1}
  .lfb-preview-row{grid-template-columns:minmax(0,1fr) minmax(102px,.42fr);gap:8px}
  .lfb-preview,.lfb-preview-row .ltt-submit{min-height:76px}
  .lfb-preview{padding-inline:8px}
  .lfb-preview strong{font-size:18px}
  .lfb-relative-builder-line{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:12px 8px}
  .lfb-relative-builder-line>.lfb-preview{grid-column:1/3}
  .lfb-relative-builder-line>.ltt-submit{grid-column:3}
}
@media(max-width:520px){
  .lfb-builder-line{grid-template-columns:minmax(0,1fr)}
  .lfb-join{display:none}
  .lfb-preview-row{grid-template-columns:minmax(0,1fr)}
  .lfb-relative-builder-line{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:10px 6px}
  .lfb-relative-builder-line>.lfb-preview{grid-column:1/3}
  .lfb-relative-builder-line>.ltt-submit{grid-column:3;min-width:0;padding-inline:6px}
  .lfb-relative-builder-line>.lfb-block{padding-inline:6px}
  .lfb-relative-builder-line .lfb-block-label{font-size:10px}
  .lfb-relative-builder-line .lfb-block select,.lfb-relative-builder-line .lfb-block input{font-size:14px}
}
