*{box-sizing:border-box}body{margin:0;background:#081a20;color:#f1e8d0;font:16px/1.5 "Segoe UI",Arial,sans-serif}.wrap{max-width:1320px;margin:auto;padding:24px}header{border-bottom:1px solid #94734a;padding:12px 0 22px;min-height:155px}header img{width:82px;height:120px;object-fit:cover;float:left;margin-right:24px;border-radius:5px}h1{font:44px/1.1 Georgia,serif;color:#ebc783;margin:9px 0}header p{font:22px Georgia;margin:10px 0}header small{color:#bbc4b8}.eyebrow{color:#d2ad69;font-size:11px;letter-spacing:2px;font-weight:bold}h2{font:25px Georgia;color:#e9c583;margin:8px 0 12px}nav{padding:14px 0}button{font:inherit;color:#fff0cf;background:#2d443b;border:1px solid #97784c;border-radius:5px;padding:9px 15px;cursor:pointer;min-height:44px;margin:4px 5px 4px 0}button:hover:not(:disabled){background:#4d6450}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #f7cf72;outline-offset:3px}.status{padding:14px 18px;background:#1f3839;border:1px solid #6b7659;border-radius:7px;font-weight:bold;letter-spacing:.4px;margin-bottom:16px}.table{position:relative;height:680px;background:#281e19 url('assets/village.jpg') center center/cover no-repeat;border:2px solid #765738;border-radius:22px;box-shadow:0 25px 65px rgba(0,0,0,0.6);overflow:hidden}.village-shade{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,0.533),transparent 40%,rgba(0,0,0,0.2))}.district{position:absolute;width:30%;max-width:355px;padding:14px;background:rgba(16,41,35,0.929);border:1px solid #aa8a4b;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.533)}.district.active{border:2px solid #f2d695;background:rgba(25,57,45,0.941)}.d0{top:24px;left:22px}.d1{top:24px;right:22px}.d2{bottom:60px;left:22px}.d3{bottom:60px;right:22px}.district h3{margin:0 0 6px;color:#efd49e;font-size:17px}.district .strain{font-size:12px;margin:8px 0}.pebble{display:inline-block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,0.867),rgba(168,209,201,0.4));border:1px solid #c8e7d5;box-shadow:0 2px 3px rgba(0,0,0,0.467);vertical-align:middle;margin:0 3px}.pebble.hot{background:#be734a;border-color:#f6c884}.need{display:block;width:100%;background:#3a473a;text-align:left;padding:8px;font-size:12px;min-height:50px;margin:8px 0;border-color:#697e64}.need.chosen{background:#625632;border-color:#f2cc78}.need strong{font-size:13px}.district .select-district{font-size:12px;padding:4px 8px;min-height:30px}.lamp{position:absolute;top:42%;left:40%;width:20%;text-align:center;border:1px solid #c9a96b;border-radius:50%;padding:20px 10px;color:#ffe2a2;background:rgba(39,45,33,0.851);box-shadow:0 0 50px rgba(246,179,75,0.533)}.lamp strong{display:block;font-size:25px}.lamp small{display:block;font-size:9px;letter-spacing:1px}.flame{display:block;font-size:35px;color:#ffd889;text-shadow:0 0 16px #ffc160}.rim{position:absolute;bottom:18px;left:0;width:100%;text-align:center;font:14px Georgia;letter-spacing:4px;color:#efd2a1}.panel{background:#152f2c;border:1px solid #626d4c;border-radius:8px;padding:20px;margin:20px 0}.danger{border-color:#b5764f;background:#342c26}.danger .track{display:inline-block;margin:6px 25px 6px 0}.hint{color:#c2c9b8;font-size:13px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}#queenbox{display:block;margin-top:14px;font-size:14px}.hand-panel{padding:16px 20px;background:#161f23;border:1px solid #536d65;border-radius:10px}.handheading h2{display:inline-block;margin-right:18px}.card{display:inline-block;vertical-align:top;width:135px;height:176px;background:#f3e8ce;color:#22493d;border:3px solid #b39a66;padding:0;margin:10px 10px 8px 0;border-radius:8px;box-shadow:0 7px 14px rgba(0,0,0,0.467)}.card:hover:not(:disabled){background:#fff5df}.card.selected{border:4px solid #ffd272;transform:translateY(-8px);box-shadow:0 0 0 2px #806637,0 9px 20px rgba(0,0,0,0.467)}.card.red{color:#963c31}.card .rank{display:block;font:bold 23px Georgia;background:#284d40;color:#fff3db;padding:8px}.card.red .rank{background:#844538}.card .symbol{display:block;font:38px Georgia;line-height:1.3;margin:7px}.card small{font-size:11px;display:block;padding:3px 5px}.notice{padding:16px;background:#645431;border:1px solid #dcbd77;margin-bottom:16px;border-radius:7px}.overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.733);z-index:100;overflow:auto;padding:30px}.modal{max-width:800px;margin:20px auto;background:#17362e;border:1px solid #c7a462;border-radius:10px;padding:25px;box-shadow:0 20px 80px #000}.modal pre{white-space:pre-wrap;font:14px/1.65 "Segoe UI",Arial;max-height:65vh;overflow:auto}.die{display:inline-block;width:75px;height:75px;line-height:70px;text-align:center;font:bold 38px Georgia;background:#304e51;color:#ffdfa4;border:2px solid #d1ae70;border-radius:10px;margin:10px 0}footer{text-align:center;font-size:12px;color:#a9bcae;padding:28px 0}.win{color:#f8d28d}.latest-line{padding:5px 0;border-top:1px solid #45604e;font-size:13px}#lastresult{font-weight:bold;color:#f1cd8a;margin-bottom:10px}@media(max-width:850px){.wrap{padding:12px}.table{height:auto;min-height:380px;padding-top:320px;background-position:center top;background-size:auto 480px}.lamp{top:100px;left:37%;width:26%}.district{position:relative;display:inline-block;vertical-align:top;width:calc(50% - 20px);max-width:none;left:auto;right:auto;top:auto;bottom:auto;margin:10px;padding:12px}.rim{display:none}.card{width:120px;height:166px;margin-right:8px}.district h3{font-size:15px}}@media(max-width:520px){h1{font-size:31px}header p{font-size:17px}header img{width:65px;height:98px;margin-right:15px}.eyebrow{font-size:9px}header small{font-size:10px}.district{display:block;width:calc(100% - 20px)}.card{width:calc(33.3% - 9px);margin:8px 6px 8px 0;height:165px}.hand-panel{padding:12px}.card .rank{font-size:20px}.card .symbol{font-size:33px}.modal{padding:18px}.overlay{padding:10px}.lamp{left:32%;width:36%}button{font-size:14px}}