*{box-sizing:border-box}body{margin:0;background:#fff7e6;color:#25201c;font-family:Arial,'Noto Sans',sans-serif}a{color:#a21a19;text-decoration:none}header{background:#a90014;color:#fff;text-align:center;padding:18px 12px;border-bottom:5px solid #ffc928}header h1{margin:0;font-size:clamp(26px,5vw,44px);text-transform:uppercase;letter-spacing:1px}header p{margin:8px 0 0}.wrap{max-width:1140px;margin:auto;padding:14px}.notice{text-align:center;background:#fff;border:2px solid #f2bb22;border-radius:8px;padding:12px;font-weight:bold;margin:12px 0}.strip{background:#222;color:white;text-align:center;padding:11px;border-radius:6px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.result{background:#fff;border:2px solid #ad0b20;border-radius:9px;overflow:hidden;text-align:center;box-shadow:0 3px 8px #0001}.result h2{background:#a90014;color:white;margin:0;padding:12px;font-size:22px}.result .numbers{font-size:32px;font-weight:800;letter-spacing:2px;padding:14px 6px;color:#06388b}.result .time{background:#fff1c5;padding:8px;font-size:14px}.result .actions{padding:10px}.btn,button{display:inline-block;background:#a90014;color:white;border:0;border-radius:6px;padding:10px 16px;cursor:pointer;font-weight:bold}.btn:hover,button:hover{background:#800010}.panel{background:#fff;border:1px solid #e6cda1;border-radius:9px;padding:18px;margin:12px 0;overflow-x:auto}input,select{padding:10px;border:1px solid #c7b9a3;border-radius:5px;max-width:100%;width:100%}label{display:block;margin:10px 0 5px;font-weight:bold}table{border-collapse:collapse;width:100%;min-width:540px}th,td{border:1px solid #e4d4bb;padding:10px;text-align:left}th{background:#a90014;color:white}tr:nth-child(even){background:#fff7e8}.muted{color:#665e54}.ok{background:#e4ffe9;padding:10px;border-radius:5px}.error{background:#ffe0e0;padding:10px;border-radius:5px}.nav{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:12px 0}.nav a{background:#ffcf37;color:#381d00;padding:9px 15px;border-radius:5px;font-weight:bold}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}footer{text-align:center;padding:25px;color:#655d4e}@media(max-width:480px){.wrap{padding:9px}.result .numbers{font-size:28px}.panel{padding:12px}}/* v2 DPBOSSX-inspired responsive homepage */
body.home{background:#fff8e9;color:#2d1734}.topbar{background:#4d064e;color:#fff;text-align:center;padding:7px;font-size:12px;letter-spacing:2px;font-weight:800}.brand{background:linear-gradient(135deg,#800b58,#c61a48 60%,#f28a16);border-bottom:5px solid #ffd84c;padding:17px 10px}.brand h1{text-shadow:0 2px 3px #4d003b;font-size:clamp(30px,6vw,54px)}.brand-icon{font-size:24px;color:#ffe07b}.brand p{letter-spacing:2px;font-weight:700}.ticker{display:flex;background:#210e35;color:white;overflow:hidden;align-items:center;min-height:40px}.ticker>strong{background:#e82049;white-space:nowrap;padding:13px;font-size:12px;z-index:1}.marquee{overflow:hidden;flex:1}.marquee-inner{display:flex;gap:40px;white-space:nowrap;width:max-content;animation:scroll 28s linear infinite;padding-left:100%}.marquee-inner span{font-size:14px}.marquee-inner b{color:#ffe35d}@keyframes scroll{to{transform:translateX(-100%)}}.home .wrap{max-width:1160px}.home .nav a{background:#650b6c;color:white;border-radius:7px;box-shadow:0 3px 0 #36033a}.welcome{text-align:center;background:linear-gradient(#fff,#fff4d2);border:2px solid #f2be34;border-radius:12px;padding:18px 10px;margin:15px 0}.welcome h2{color:#a40056;margin:0;font-size:clamp(18px,4vw,28px)}.welcome p{font-weight:800;margin:10px 0}.welcome small{color:#755c60}.section-title{background:linear-gradient(90deg,#8c005d,#d31261);color:white;padding:13px;text-align:center;border-radius:9px 9px 0 0;font-size:clamp(18px,3vw,23px);font-weight:900}.live-pill{background:#f4ffde;color:#ba073b;border-radius:20px;font-size:11px;padding:5px 9px;vertical-align:middle}.livebox{border:2px solid #b40068;border-radius:11px;overflow:hidden;margin:18px 0;background:#fff}.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#f2cbdf}.live-item{background:#fff;text-align:center;padding:15px 6px;font-weight:800;color:#6d0c62}.live-item strong{display:block;color:#e10d42;font-size:clamp(18px,2.8vw,25px);margin-top:7px}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 25px}.market-card{border:2px solid #ab136c;border-radius:10px;overflow:hidden;text-align:center;background:#fff;box-shadow:0 4px 10px #42002b18}.market-top{background:linear-gradient(100deg,#760760,#c40c65);color:white;position:relative;padding:11px 8px}.market-top h3{margin:0;font-size:clamp(17px,2.5vw,23px)}.days{position:absolute;left:8px;top:8px;font-size:9px;background:#ffde5c;color:#562043;border-radius:3px;padding:3px 5px}.market-numbers{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 5px 8px;font-size:clamp(22px,4vw,34px);color:#153b88;font-weight:900}.market-numbers b{color:#d4004d}.market-date{color:#777;font-size:11px;padding-bottom:8px}.market-actions{display:flex;justify-content:space-between;align-items:center;gap:5px;background:#fff0d2;padding:10px 8px;font-size:12px;font-weight:800}.market-actions a{color:#a70061}.market-actions small{color:#493747;font-size:11px}.chart-links{background:#fff;border:2px solid #b90c69;border-radius:12px;overflow:hidden;margin:20px 0}.chart-links h2{margin:0;background:#84075b;color:white;text-align:center;padding:12px;font-size:19px}.chart-links>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px}.chart-links a{display:block;padding:10px;background:#fff4dc;border:1px solid #efc6d9;border-radius:6px;font-weight:700;font-size:13px}.home footer{background:#3b0b3d;color:white}@media(max-width:700px){.live-grid{grid-template-columns:repeat(2,1fr)}.market-grid{grid-template-columns:1fr}.chart-links>div{grid-template-columns:repeat(2,1fr)}.market-actions{font-size:11px}.days{position:static;display:inline-block;margin-bottom:4px}.home .nav{gap:6px}.home .nav a{font-size:11px;padding:9px}}@media(max-width:390px){.chart-links>div{grid-template-columns:1fr}.market-numbers{gap:5px}.live-item{padding:10px 4px}}