/* 彩金水位判讀 — 樣式
 * ─────────────────────────────────────────────
 * 🔴 只在工具台（/tools/storm-of-seth-session/ 的 ⓿ 分頁）裡用。
 *    配色一律吃 seth-session.css 的深色設計語彙：
 *      無圓角 · 深色面板漸層 · 金色描邊
 *      大數字用 Georgia 襯線體 · 字級走 rem 且偏小
 *      強調區塊用「左側 2px 色條」，不是圓角色塊
 *    四個池子各有代表色：GRAND 金 / MAJOR 紫 / MINOR 青 / MINI 綠
 */

.jr-wrap{max-width:760px;margin:0 auto}

/* ── 輸入區 ───────────────────────────────── */
.jr-in{padding:14px;border:1px solid var(--line);
       background:linear-gradient(145deg,rgba(16,12,20,.96),rgba(7,6,10,.89))}
.jr-in h3{margin:0 0 4px;color:var(--bright);font-size:.82rem;font-weight:900;letter-spacing:.04em}
.jr-in-hint{margin:0 0 13px;color:var(--muted);font-size:.64rem;line-height:1.75}

.jr-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.jr-fields label{display:block;min-width:0}
.jr-fields span{display:block;margin-bottom:5px;font-size:.55rem;font-weight:800;letter-spacing:.1em}
.jr-fields .g span{color:var(--bright)}
.jr-fields .a span{color:#c9a0f0}
.jr-fields .i span{color:var(--cyan)}
.jr-fields .m span{color:var(--green)}
.jr-fields input{width:100%;height:44px;padding:0 10px;border:1px solid rgba(255,255,255,.14);
                 outline:none;background:rgba(255,255,255,.025);color:#fff;
                 font:500 1.1rem/1 Georgia,serif;font-variant-numeric:tabular-nums;
                 -moz-appearance:textfield}
.jr-fields input::-webkit-outer-spin-button,.jr-fields input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.jr-fields input:focus{border-color:var(--gold);box-shadow:0 0 0 1px rgba(217,170,79,.18)}
.jr-fields input::placeholder{color:#5c5751}

.jr-go{width:100%;min-height:48px;margin-top:12px;border:1px solid var(--bright);
       background:linear-gradient(135deg,#f4cf78,#a97b2c);color:#15100a;
       font-size:.85rem;font-weight:900;letter-spacing:.1em;cursor:pointer}
.jr-go:hover{filter:brightness(1.08)}

/* ── 判讀結果 ─────────────────────────────── */
.jr-out{margin-top:11px;border:1px solid var(--line);
        background:radial-gradient(circle at 50% 0,rgba(217,170,79,.13),transparent 44%),
                   linear-gradient(145deg,rgba(16,12,20,.96),rgba(7,6,10,.9))}
.jr-call2{padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.jr-call2 .verdict{text-align:center;font:500 clamp(1.9rem,7vw,2.7rem)/1.15 Georgia,"Noto Serif TC",serif}
.jr-call2 .verdict.go{color:var(--green);text-shadow:0 0 30px rgba(116,211,164,.3)}
.jr-call2 .verdict.wait{color:var(--bright);text-shadow:0 0 30px rgba(244,207,120,.25)}
.jr-call2 .why{margin:13px 0 0;color:#cdc6bd;font-size:.72rem;line-height:1.9;text-align:left}
.jr-call2 .why b{color:var(--bright)}

.jr-bars{padding:4px 16px 12px}
.jr-brow{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.jr-brow:last-child{border-bottom:0}
.jr-btop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.62rem}
.jr-btop .nm{font-weight:900;letter-spacing:.1em}
.jr-btop b{color:var(--sand);font:500 .95rem/1 Georgia,serif;font-variant-numeric:tabular-nums}
.jr-brow.g .nm{color:var(--bright)}
.jr-brow.a .nm{color:#c9a0f0}
.jr-brow.i .nm{color:var(--cyan)}
.jr-brow.m .nm{color:var(--green)}
.jr-track{height:6px;margin-top:6px;background:rgba(255,255,255,.08)}
.jr-track i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--bright));
            box-shadow:0 0 11px rgba(244,207,120,.3)}
.jr-blab{margin-top:4px;color:#7f7974;font-size:.53rem;font-variant-numeric:tabular-nums}

.jr-out-note{margin:0;padding:11px 16px 14px;border-top:1px solid rgba(255,255,255,.06);
             color:#8b857e;font-size:.58rem;line-height:1.8}
.jr-out-note b{color:var(--muted)}

/* ── 閘門 ─────────────────────────────────── */
.jr-gate{margin-top:11px;padding:18px 16px;border:1px solid var(--line);
         background:linear-gradient(145deg,rgba(22,17,12,.96),rgba(7,6,10,.9));text-align:center}
.jr-gate h3{margin:0 0 8px;color:var(--bright);font-size:.95rem;font-weight:900}
.jr-gate p{max-width:34em;margin:0 auto 13px;color:#b9b2aa;font-size:.7rem;line-height:1.8}
.jr-gate .btns{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}
.jr-gate a.reg{min-height:42px;display:inline-flex;align-items:center;padding:0 20px;
               border:1px solid var(--bright);background:linear-gradient(135deg,#f4cf78,#a97b2c);
               color:#15100a;font-size:.72rem;font-weight:900;text-decoration:none}
.jr-gate a.line{min-height:42px;display:inline-flex;align-items:center;padding:0 20px;
                border:1px solid rgba(116,211,164,.5);background:rgba(116,211,164,.09);
                color:var(--green);font-size:.72rem;font-weight:900;text-decoration:none}
.jr-gate .row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.jr-gate input{min-width:170px;height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.14);
               outline:none;background:#0b0910;color:#fff;font-size:.75rem}
.jr-gate input:focus{border-color:var(--gold)}
.jr-gate button{height:40px;padding:0 20px;border:1px solid var(--bright);
                background:linear-gradient(135deg,#f4cf78,#a97b2c);color:#15100a;
                font-size:.72rem;font-weight:900;cursor:pointer}
.jr-gate .note{min-height:1.2em;margin:9px 0 0;color:#ffb0bb;font-size:.64rem}

/* ── 底下的觀測紀錄（判讀基準怎麼來的）───────── */
.jr-wrap h2{margin:22px 0 4px;color:var(--sand);font-size:.92rem;font-weight:900}
.jr-verdict{display:grid;gap:8px;margin:11px 0}
.jr-card{padding:13px 14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}
.jr-card .lab{display:inline-block;margin-bottom:7px;padding:2px 8px;font-size:.55rem;font-weight:900}
.jr-card.yes .lab{border:1px solid rgba(116,211,164,.4);background:rgba(116,211,164,.09);color:var(--green)}
.jr-card.no .lab{border:1px solid rgba(255,97,116,.35);background:rgba(255,97,116,.08);color:#ffb0bb}
.jr-card.wait .lab{border:1px solid rgba(217,170,79,.4);background:rgba(217,170,79,.08);color:var(--bright)}
.jr-card h3{margin:0 0 5px;color:var(--sand);font-size:.8rem;font-weight:900}
.jr-card p{margin:0;color:#b3ada5;font-size:.68rem;line-height:1.85}
.jr-card b{color:var(--bright)}

.jr-tbl{margin:9px 0}
.jr-tbl table{width:100%;min-width:0;border-collapse:collapse;font-size:.66rem}
.jr-tbl th{padding:8px 10px;border-bottom:1px solid var(--line);color:var(--muted);
           font-size:.56rem;font-weight:700;text-align:left;letter-spacing:.08em}
.jr-tbl td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);
           color:#cdc6bd;font-variant-numeric:tabular-nums}

.jr-sub{margin:16px 0;padding:18px 16px;border:1px solid rgba(116,211,164,.28);
        background:rgba(116,211,164,.05);text-align:center}
.jr-sub h3{margin:0 0 7px;color:var(--green);font-size:.9rem;font-weight:900}
.jr-sub p{max-width:32em;margin:0 auto 12px;color:#b9b2aa;font-size:.68rem;line-height:1.8}
.jr-btn{min-height:42px;display:inline-flex;align-items:center;padding:0 22px;
        border:1px solid rgba(116,211,164,.5);background:rgba(116,211,164,.1);
        color:var(--green);font-size:.72rem;font-weight:900;text-decoration:none}

.jr-wrap .callout,.jr-wrap .aside-box{padding:11px 13px;border-left:2px solid var(--gold);
        background:rgba(217,170,79,.06);color:#d6cdc0;font-size:.68rem;line-height:1.8}
.jr-wrap ol,.jr-wrap ul{color:#b3ada5;font-size:.7rem;line-height:1.95}
.jr-wrap p{color:#b3ada5;font-size:.7rem;line-height:1.85}
.jr-wrap a{color:var(--cyan)}

@media(max-width:640px){
  .jr-fields{grid-template-columns:repeat(2,1fr)}
  .jr-tbl thead{display:none}
  .jr-tbl tr{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}
  .jr-tbl td{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border:0}
  .jr-tbl td:before{content:attr(data-l);color:var(--muted)}
  .jr-tbl td:first-child{margin-bottom:3px;color:var(--sand);font-weight:900}
  .jr-tbl td:first-child:before{display:none}
}

/* 分頁標題（跟 .tp-h2 同一套） */
.jr-wrap>h2:first-of-type{margin:0 0 8px;color:var(--sand);
  font:500 clamp(1.25rem,4.5vw,1.7rem)/1.3 Georgia,"Noto Serif TC",serif;font-weight:500}

/* 試用提示條 */
.jr-trialbar{margin-top:10px;padding:9px 12px;border-left:2px solid var(--gold);
             background:rgba(217,170,79,.07);color:#e2d6bd;font-size:.68rem;line-height:1.75}
.jr-trialbar b{color:var(--bright)}