input,textarea{width:100%;min-width:0;border:1px solid #5a4729;border-radius:7px;padding:11px;background:#15120e;color:var(--ink);font:inherit}textarea{resize:vertical}input[type=checkbox]{width:auto;accent-color:var(--gold)}fieldset{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px}legend{font-size:11px;color:var(--muted)}.form-stack{display:grid;gap:15px}.form-stack label,.form-grid label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:40px 5%}.login-layout{max-width:1180px;width:100%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:60px;align-items:center}.login-story .brand{margin-bottom:30px}.login-story img{width:100%;height:auto;border-radius:12px;border:1px solid #76582e}.login-story h1{font-family:"PMingLiU",serif;color:#edcf8d;margin-top:28px;font-size:35px}.login-story p{color:var(--muted);font-size:13px}.login-form{padding:32px}.login-form label{display:grid;gap:8px;margin:22px 0;color:var(--muted);font-size:12px}.login-form button{margin-top:8px}.account-actions{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted)}.account-strip{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-bottom:20px}.online{color:var(--tie)}.offline{color:var(--banker)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid h2,.full-row{grid-column:1/-1}.publish-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:17px 0}.checkbox-list{display:grid;gap:9px}.checkbox-list label,.check-label{display:flex!important;align-items:center;gap:8px}.source-editor{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.source-editor label{display:grid;gap:7px;font-size:11px;color:var(--muted)}.source-editor h3,.source-actions{grid-column:1/-1}.source-actions{display:flex;flex-wrap:wrap;gap:10px}.secret-box{border:1px solid #ad8541;padding:18px;border-radius:9px;margin:15px 0;background:#332815}.secret-box output{display:block;word-break:break-all;font-family:monospace;margin:12px 0}.reset-form{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.table-empty{padding:30px!important}.forecast-direction{font-size:65px;margin:16px 0}.forecast-direction.B{color:var(--banker)}.forecast-direction.P{color:var(--player)}#main-saved{color:var(--gold)}#table-status{margin-bottom:18px}#history-page{padding:0 12px;font-size:12px}.panel h3{font-size:15px}.empty-state h2{margin-bottom:8px}.form-grid select{max-width:none;width:100%}#reference-panel>.panel-heading{gap:15px}#notice{position:sticky;top:8px;z-index:30}#login-error:empty{display:none}@media(max-width:1100px){.topbar{height:auto;min-height:95px;flex-wrap:wrap;padding-top:18px;padding-bottom:12px}.topbar nav{order:3;width:100%;height:44px;justify-content:center}.account-actions{margin-left:auto}.topbar nav a{height:44px}.login-layout{gap:30px}.source-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.login-screen{padding:26px 20px}.login-layout{grid-template-columns:minmax(0,1fr);gap:28px}.login-story h1{font-size:27px}.login-story p{display:none}.login-story .brand{margin-bottom:20px}.login-form{padding:23px}.admin-grid,.form-grid{grid-template-columns:minmax(0,1fr)}.source-editor{grid-template-columns:minmax(0,1fr)}.account-strip{flex-direction:column;gap:7px}.topbar .brand{font-size:17px}.account-actions>span{display:none}.account-actions .text-button{font-size:10px}.account-actions .button{font-size:10px;min-height:32px;padding:6px 9px}.topbar nav{gap:20px}.topbar nav a{font-size:12px}#reference-panel>.panel-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:27px}.toolbar-controls{width:100%;gap:12px}.toolbar-controls select{max-width:210px}.source-editor .source-actions .button{font-size:10px}.panel{margin-bottom:18px}}

.stat-card:first-child strong{font-size:22px;overflow-wrap:anywhere;line-height:1.35}.stat-card:first-child small{overflow-wrap:anywhere}.stat-card:first-child #shoe-rounds{display:block;margin-bottom:5px}
.viewing-method-panel>.panel-heading{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.viewing-method-panel select{min-width:220px;max-width:100%}.viewing-method-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.3fr);gap:24px;align-items:center}.viewing-method-summary p{font-size:12px;line-height:1.8;color:var(--muted)}.method-direction{border:1px solid var(--line);border-radius:8px;padding:15px;text-align:center}.method-direction>span,.method-direction>small{display:block;font-size:11px;color:var(--muted)}.method-direction strong{display:block;font-size:34px;margin:8px 0}.method-direction strong.B{color:var(--banker)}.method-direction strong.P{color:var(--player)}@media(max-width:650px){.viewing-method-panel .inline-label{display:flex;width:100%;justify-content:space-between;gap:10px}.viewing-method-panel select{min-width:0;max-width:75%}.viewing-method-summary{grid-template-columns:minmax(0,1fr);gap:10px}.method-direction{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;text-align:left}.method-direction strong{grid-column:2;grid-row:1/3;margin:0}.method-direction small{grid-column:1;grid-row:2}}

.viewing-method-panel .reference-nine{grid-template-columns:repeat(3,48px);grid-auto-rows:48px;width:max-content;margin:18px 0}.viewing-method-panel .reference-token{font-size:14px}.viewing-method-panel .reference-token small{font-size:10px}.viewing-method-panel .reference-token:last-child{outline:2px dashed var(--gold);outline-offset:2px}

.composite-reference{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.composite-scores{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px}.composite-scores strong{margin-left:8px;color:var(--gold)}

.plan-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 16px 0;
  padding: 0;
  list-style: none;
}
.plan-steps button {
  padding: 8px 2px;
  border: 1px solid var(--line);
  border-radius: 6px;
  text-align: center;
  color: var(--muted);
  font-size: 12px;
  background: transparent;
  cursor: pointer;
}
.plan-steps button[aria-pressed="true"] {
  border-color: var(--gold);
  background: #3c2e16;
  color: var(--gold);
  font-weight: bold;
}
.plan-current {display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; margin-bottom: 10px}
.plan-current strong {color: var(--gold); font-size: 20px}
.plan-current span, .master-strategy {color: var(--muted); font-size: 12px}
.plan-status {margin: 6px 0 14px}
.master-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.master-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #18140e;
}
.master-card > p, .master-card h3 {margin: 0}
.master-card h3 {overflow-wrap: anywhere}
.master-direction {font-size: 27px; line-height: 1.15}
.master-direction.B {color: var(--banker)}
.master-direction.P {color: var(--player)}
.master-card dl {display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0}
.master-card dt {font-size: 11px; color: var(--muted)}
.master-card dd {margin: 2px 0 0; font-size: 16px; font-weight: bold; font-variant-numeric: tabular-nums}
.master-progress {color: var(--gold); font-size: 17px; font-weight: 700}
.master-history {align-self: stretch; border-top: 1px solid var(--line); padding-top: 8px}
.master-history p {margin: 0 0 6px; color: var(--muted); font-size: 12px}
.master-history ul {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; list-style: none; margin: 0; padding: 0}
.master-history li {display: grid; gap: 3px; padding: 4px 1px; text-align: center; font-size: 11px}
.master-history li span {color: var(--muted)}
.master-history strong.B {color: var(--banker)}
.master-history strong.P {color: var(--player)}
@media (max-width: 700px) {
  .master-grid {grid-template-columns: minmax(0, 1fr)}
  .master-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 10px;
  }
  .master-card h3 {grid-column: 1; grid-row: 1}
  .master-card .master-strategy {grid-column: 1; grid-row: 2}
  .master-card dl {grid-column: 1; grid-row: 3}
  .master-card .master-progress {grid-column: 1; grid-row: 4}
  .master-direction {grid-column: 2; grid-row: 1 / 3; justify-self: end}
  .master-history {grid-column: 1 / -1; grid-row: 5}
}

.pattern-reference{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.pattern-match-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:15px 0}.pattern-match-list article{border:1px solid var(--line);border-radius:8px;padding:13px}.pattern-match-list strong{font-size:13px;color:var(--gold)}.pattern-match-list span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.pattern-match-list p{font-size:11px;line-height:1.7;margin-bottom:0}.pattern-reference summary{cursor:pointer;font-size:12px}.pattern-reference td{min-width:110px;white-space:normal}.pattern-reference td:nth-child(2){min-width:220px}.pattern-reference a{color:var(--gold)}

.joint-reference{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.joint-reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:15px 0}.joint-reference-grid article{min-width:0;border:1px solid var(--line);border-radius:8px;padding:13px}.joint-reference-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.joint-reference-grid strong{font-size:13px;color:var(--gold)}.joint-reference-direction{font-size:19px;font-weight:700;color:var(--muted)}.joint-reference-direction.B{color:var(--banker)}.joint-reference-direction.P{color:var(--player)}.joint-reference-grid small{display:block;font-size:10px;line-height:1.6;margin-top:8px;color:var(--muted)}.joint-reference-grid p{font-size:11px;line-height:1.7;margin-bottom:0;overflow-wrap:anywhere}