:root{
  --readable:#f5f1e8;
  --readable-muted:#d7d0c2;
}

body{color:var(--readable);font-size:16px}
.sidebar nav a{font-size:16px;color:#e7dfd1}
.sidebar>p,.side-issue small,.top-panel p span,.countdown span,.today-link span,
.prediction>small,.master-stats span,.rule,.lower header span,footer{color:var(--readable-muted)}

.top-panel{overflow:visible}
.latest-draw{min-width:0;padding-bottom:5px}
.latest-draw>p{line-height:1.5;margin-bottom:20px;font-size:19px}
.draw-balls{gap:16px;align-items:flex-start;padding:0 3px 28px;overflow:visible}
.draw-balls>b{position:relative;flex:0 0 52px;width:52px;height:52px;font-size:21px;line-height:1}
.draw-balls b small{position:absolute;left:0;right:0;top:59px;margin:0;color:#f1eadc;font-size:14px;line-height:1;text-align:center;white-space:nowrap}
.draw-balls b small span,.draw-balls b small em{display:block;font-style:normal}.draw-balls b small em{margin-top:4px;color:#e6bd63;font-size:11px;font-weight:800}
.draw-balls i{flex:0 0 18px;margin:13px 0 0;text-align:center;font-size:24px}
.countdown p,.today-link strong{font-size:20px}
.countdown span,.today-link span{font-size:14px}

.master-card h2{font-size:26px}.master-card h3{font-size:17px;color:#f0ddaf}
.prediction>small{font-size:14px}.prediction>div{font-size:18px;color:#f8e8c7}
.prediction .pending{color:#ded6c8}.lock{font-size:13px;color:#ddd3c1}
.master-stats span{font-size:13px}.rule{font-size:13px;line-height:1.55;color:#d5cdbf}
.lower h2{font-size:22px}.lower header span{font-size:13px}
.performance-bars span,.tr span{font-size:14px}
.top-panel{grid-template-columns:1.5fr .65fr .65fr;min-height:330px}
.draw-stack{min-width:0;padding-right:24px;border-right:1px solid #6d512566;display:grid;align-content:center;gap:17px}
.draw-stack .latest-draw{border-right:0;padding:0 0 17px;border-bottom:1px solid #5d462455}
.draw-row>p{line-height:1.5;margin-bottom:17px;font-size:18px}
.draw-row .draw-balls{padding-bottom:27px}
.simulation-draw{min-width:0}
.simulated-balls{min-height:79px}
.masters{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}
.tr{display:flex}.tr>span:first-child{flex:1.2}.tr>span:not(:first-child){flex:1;min-width:90px}
.draw-replay{float:right;margin:-5px 0 0 14px;padding:6px 10px;border:1px solid #8d6726;border-radius:6px;background:#15130e;color:#e7c16d;font-size:11px;cursor:pointer}
.draw-replay:hover{background:#2a2112;color:#ffe09a}
.draw-replay:disabled{opacity:.6;cursor:wait}
.simulation-draw .draw-reveal{opacity:0;transform:translateY(-18px) scale(.72);animation:drawReveal .55s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--draw-delay)}
.simulation-draw .draw-reveal.special{animation-name:specialReveal}
.draw-balls>b.sim-red{border-color:#dd5660;box-shadow:0 0 0 4px #8c222933,0 0 16px #dd566033}.draw-balls>b.sim-blue{border-color:#4f8fc9;box-shadow:0 0 0 4px #25598533,0 0 16px #4f8fc933}.draw-balls>b.sim-green{border-color:#4da171;box-shadow:0 0 0 4px #1f654033,0 0 16px #4da17133}
@keyframes drawReveal{0%{opacity:0;transform:translateY(-18px) scale(.72)}70%{opacity:1;transform:translateY(3px) scale(1.08)}100%{opacity:1;transform:none}}
@keyframes specialReveal{0%{opacity:0;transform:rotate(-120deg) scale(.4)}75%{opacity:1;transform:rotate(8deg) scale(1.15);box-shadow:0 0 36px #e0b75eaa}100%{opacity:1;transform:none}}
.side-counter{position:absolute;left:25px;right:25px;bottom:113px;padding:11px 8px;border:1px solid #55401f;border-radius:10px;background:#080d12;text-align:center}.side-counter small{display:block;color:#cfc4b2;font-size:11px}.side-counter b{display:block;margin-top:5px;color:#f1c66f;font:700 17px Georgia,serif;letter-spacing:.04em}
.prediction-time{margin-top:8px}.prediction-time input{width:100%}.prediction-time span{font-size:12px;color:#d9d0c1}
.mobile-record-nav{display:none}

.records-page{max-width:1380px;margin:0 auto;padding:28px}
.records-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.records-top p{margin:0 0 7px;color:var(--gold);letter-spacing:.12em;font-size:13px}
.records-top h1{margin:0;color:#f5e8c7;font:600 34px "DFKai-SB",serif}
.records-top span{display:block;margin-top:7px;color:#d4ccbf}
.records-top a{border:1px solid var(--gold2);border-radius:8px;padding:10px 18px;color:#f4dfac}
.master-filter{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 20px}.master-filter a{padding:9px 15px;border:1px solid #57411f;border-radius:999px;color:#d7c9ad;background:#080d12}.master-filter a:hover,.master-filter a.active{border-color:#d1a64a;background:#2b2111;color:#ffe2a1}
.master-summary{margin:0 0 18px;padding:18px 22px;border:1px solid #745621;border-radius:12px;background:linear-gradient(100deg,#0a1015,#17130c);display:flex;align-items:center;justify-content:space-between}.master-summary span{color:#e9dcc2;font-size:17px}.master-summary b{color:#f1c45f;font:700 30px Georgia,serif}
.record-list{display:grid;gap:16px}
.record-period{border:1px solid var(--line);border-radius:12px;background:#091016;overflow:hidden}
.record-period>header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#11130f;border-bottom:1px solid #604820}
.record-period h2{margin:0;color:#f1ca72;font-size:20px}.record-period header span{color:#ddd3c1;font-size:14px}
.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.record-master{padding:17px;border-right:1px solid #382d1e;min-width:0}.record-master:last-child{border:0}
.record-master h3{margin:0 0 10px;color:#f7edda;font-size:17px}
.record-master .given{min-height:49px;color:#e8dec9;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.record-result{margin-top:12px;padding-top:11px;border-top:1px solid #3e3221;color:#ddd4c5;font-size:14px;line-height:1.55}
.record-result b{display:inline-block;margin-right:7px;padding:3px 8px;border-radius:999px}
.record-result .yes{background:#66501e;color:#ffe49a}.record-result .no{background:#342d26;color:#c9bfb1}
.record-result .partial{background:#473a21;color:#f2cb73}.tr .partial{color:#d9a94d}
.record-source{display:block;margin-top:8px;color:#afa594;font-size:12px}
.records-empty{border:1px solid var(--line);border-radius:12px;padding:35px;text-align:center;color:#ddd4c5}
.record-period.current-period{border:2px solid #f3bd45;box-shadow:0 0 0 2px rgba(243,189,69,.12),0 16px 40px rgba(0,0,0,.32)}
.record-period-head h2 mark{display:inline-block;margin-left:10px;padding:5px 11px;border-radius:999px;background:#c41034;color:#fff;font:700 14px "DFKai-SB",serif;vertical-align:middle}
.record-result .pending-result{display:inline-block;color:#f3bd45;border:1px solid rgba(243,189,69,.55);border-radius:999px;padding:5px 10px}
.record-period-head{display:grid!important;grid-template-columns:minmax(150px,.55fr) minmax(760px,2.5fr) minmax(110px,.45fr);gap:18px;padding-top:13px!important;padding-bottom:13px!important}
.record-period-head>span{text-align:right}
.record-winning{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.record-winning>strong{margin-right:4px;color:#e8dcc4;font-size:14px;white-space:nowrap}
.winning-item{flex:0 0 76px;display:grid;justify-items:center;gap:3px}
.winning-item>b{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d4a841;border-radius:50%;background:#090e13;color:#fff0c6;font:700 16px Georgia,serif;box-shadow:0 0 10px #d6aa4d18}
.winning-item.sim-red>b{border-color:#dd5660;box-shadow:0 0 0 3px #8c222933,0 0 14px #dd566044}.winning-item.sim-blue>b{border-color:#4f8fc9;box-shadow:0 0 0 3px #25598533,0 0 14px #4f8fc944}.winning-item.sim-green>b{border-color:#4da171;box-shadow:0 0 0 3px #1f654033,0 0 14px #4da17144}
.winning-item>small{color:#f0e9dc;font-size:10px;line-height:1.15;white-space:nowrap}
.winning-item>.meta-red{color:#ff858d}.winning-item>.meta-green{color:#74d69f}.winning-item>.meta-blue{color:#82b9ff}
.record-winning>em{font-style:normal;color:#e2b75e;font-size:20px}
.winning-item.special>b{background:#090e13;outline:2px solid #b68a35;outline-offset:3px}
.winning-item.special>small{color:#ffe4a1}
.record-winning.missing{color:#bcb2a3;font-size:13px}
.zeng-group,.zeng-elements{display:block}.zeng-group{color:#fff2cf;font-size:19px}.zeng-elements{margin-top:6px;color:#e4b95e;letter-spacing:.12em}

.zodiac-reference{margin-top:14px;border:1px solid #755621;border-radius:14px;background:radial-gradient(circle at 85% 0,#5b42151c,transparent 34%),linear-gradient(145deg,#0b1218,#070b0f);overflow:hidden;box-shadow:0 18px 55px #0007}.zodiac-reference>header{padding:24px 28px;border-bottom:1px solid #5a431f;display:flex;align-items:end;justify-content:space-between;gap:18px}.zodiac-reference>header span{color:#d9ad55;font-size:11px;letter-spacing:.18em}.zodiac-reference>header h2{margin:7px 0 0;color:#ffe5a5;font:700 28px "DFKai-SB","Microsoft JhengHei",serif}.zodiac-reference>header p{margin:0;color:#cfc4b0;font-size:13px}.zodiac-table-scroll{padding:22px 25px 28px;overflow-x:auto}.zodiac-table{min-width:950px;border:1px solid #6b5125;background:#080d12}.zodiac-head,.zodiac-number-grid{display:grid;grid-template-columns:76px repeat(12,1fr)}.zodiac-head>*{display:grid;place-items:center;min-height:42px;border-right:1px solid #49391f;border-bottom:1px solid #49391f}.zodiac-head>*:last-child{border-right:0}.zodiac-head b,.zodiac-number-grid>b{color:#e4b95e;background:#17140e}.zodiac-head span{color:#dfd5c3;font-weight:700}.animal-head span{color:#fff0c9;font-size:20px}.zodiac-number-grid>b{display:grid;place-items:center;border-right:1px solid #49391f}.zodiac-number-grid>div{min-height:178px;padding:9px 4px;border-right:1px solid #49391f;display:flex;flex-direction:column;align-items:center;gap:6px}.zodiac-number-grid>div:last-child{border-right:0}.zodiac-table i,.element-reference i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;font:700 13px Georgia;font-style:normal;box-shadow:inset 0 0 0 1px #ffffff3b}.zodiac-table i.red,.element-reference i.red{background:#c93843}.zodiac-table i.blue,.element-reference i.blue{background:#286cb7}.zodiac-table i.green,.element-reference i.green{background:#26905c}.element-reference{border-top:1px solid #6b5125}.element-reference>div{display:grid;grid-template-columns:76px 1fr;min-height:54px;border-bottom:1px solid #49391f}.element-reference>div:last-child{border-bottom:0}.element-reference>div>span{display:flex;align-items:center;gap:8px;padding:9px 12px;flex-wrap:wrap}.element-badge{display:grid;place-items:center;border-right:1px solid #49391f;color:#ffe3a1;font-size:22px;background:#17140e}.element-金{color:#f3ca62}.element-木{color:#70c88a}.element-水{color:#77baff}.element-火{color:#ff7b70}.element-土{color:#d2ae79}

@media(max-width:1200px){
  .draw-balls{gap:10px}.draw-balls>b{flex-basis:48px;width:48px;height:48px}.draw-balls b small{top:55px}
  .record-period-head{grid-template-columns:1fr auto}.record-winning{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:5px 0}.record-period-head>span{grid-column:2;grid-row:1}
  .record-grid{grid-template-columns:repeat(2,1fr)}.record-master{border-bottom:1px solid #382d1e}
}
@media(max-width:1000px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .sidebar{position:static;width:100%;height:82px;padding:12px 18px;display:flex;align-items:center;gap:12px;text-align:left}
  .sidebar .brand-seal{width:52px;height:52px;flex:0 0 52px;font-size:23px}
  .sidebar h1{font-size:18px;margin:0}.sidebar>p,.side-counter,.side-issue{display:none}
  .sidebar nav{position:fixed;z-index:50;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));margin:0;padding:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#060b0fef;border:1px solid #725426;border-radius:14px;box-shadow:0 8px 35px #000c;backdrop-filter:blur(12px)}
  .sidebar nav a,.sidebar nav a:not(.active){display:flex!important;align-items:center;justify-content:center;min-height:48px;padding:8px 6px;border:1px solid transparent;border-radius:9px;text-align:center;font-size:14px;color:#d8cfbf}
  .sidebar nav a.active{border-color:#9b7434;background:#211a0e;color:#ffe09a}
  .mobile-record-nav{position:fixed;z-index:50;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));padding:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#060b0fef;border:1px solid #725426;border-radius:14px;box-shadow:0 8px 35px #000c;backdrop-filter:blur(12px)}
  .mobile-record-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 6px;border:1px solid transparent;border-radius:9px;text-align:center;font-size:14px;color:#d8cfbf}.mobile-record-nav a.active{border-color:#9b7434;background:#211a0e;color:#ffe09a}
  .app{margin-left:0;padding:12px}
  .top-panel{grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden;padding:20px}
  .draw-stack{width:100%;border-right:0;border-bottom:1px solid #5d4624;padding:0 0 18px}
  .countdown{width:100%;border-right:0;border-bottom:1px solid #5d4624;padding:3px 0 18px}
  .today-link{width:100%;writing-mode:horizontal-tb;padding:19px 15px}
}
@media(max-width:600px){
  body{font-size:15px}.top-panel{padding:16px}.draw-row>p{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:15px;font-size:17px}.draw-row>p span{font-size:13px}.draw-replay{float:none;margin:0 0 0 auto;padding:7px 9px}
  .draw-balls{gap:4px;padding:0 0 38px;overflow:visible}.draw-balls>b{flex:0 0 36px;width:36px;height:36px;font-size:16px}.draw-balls b small{top:42px;font-size:11px}.draw-balls b small em{font-size:9px;margin-top:3px}.draw-balls i{flex:0 0 10px;margin-top:7px;font-size:18px}
  .simulated-balls{min-height:67px}.draw-stack{gap:14px}.draw-stack .latest-draw{padding-bottom:14px}
  .countdown>b{font-size:31px}.today-link strong{font-size:18px}
  .records-page{padding:16px}.records-top{display:block}.records-top a{display:inline-block;margin-top:16px}
  .records-top h1{font-size:28px}.record-grid{grid-template-columns:1fr}.record-master{border-right:0}
  .record-period>header.record-period-head{gap:12px;padding:14px 10px!important}
  .record-winning{width:100%;gap:2px;justify-content:space-between;overflow:visible;padding:3px 0 5px}
  .record-winning>strong{display:none}.winning-item{flex:0 1 41px;min-width:0;gap:2px}.winning-item>b{width:34px;height:34px;font-size:14px}.winning-item>small{font-size:8px;letter-spacing:-.03em}.record-winning>em{flex:0 0 8px;font-size:15px}
}
@media(max-width:600px){.zodiac-reference>header{display:block;padding:17px}.zodiac-reference>header h2{font-size:21px}.zodiac-reference>header p{margin-top:7px;font-size:11px}.zodiac-table-scroll{padding:10px 8px 16px}.zodiac-table{min-width:700px}.zodiac-head,.zodiac-number-grid{grid-template-columns:52px repeat(12,1fr)}.zodiac-head>*{min-height:34px;font-size:11px}.animal-head span{font-size:16px}.zodiac-number-grid>div{min-height:142px;padding:6px 2px;gap:4px}.zodiac-number-grid>b{font-size:11px}.zodiac-table i,.element-reference i{width:27px;height:27px;font-size:10px}.element-reference>div{grid-template-columns:52px 1fr;min-height:43px}.element-reference>div>span{gap:5px;padding:7px}.element-badge{font-size:18px}}