:root{color-scheme:dark;font-family:system-ui,"PingFang SC","Microsoft YaHei",sans-serif;background:#090b0e;color:#f0d9aa}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 18%,#37241555,transparent 42%),radial-gradient(ellipse at 95% 65%,#102d4433,transparent 45%),#090b0e}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #ffe3a2;outline-offset:3px}p,h1,h2{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.rooms-shell{max-width:480px;margin:auto;padding:max(10px,var(--room-safe-top,env(safe-area-inset-top))) max(12px,var(--room-safe-right,env(safe-area-inset-right))) max(16px,env(safe-area-inset-bottom)) max(12px,var(--room-safe-left,env(safe-area-inset-left)));--road-cell:clamp(14px,4.6vw,24px);--control-width:clamp(82px,30vw,130px)}
.rooms-nav{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px;font-size:11px;line-height:18px;color:#bdab88}.rooms-nav a:last-child{font-size:10px;color:#9c8d72}
.rooms-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;box-shadow:0 8px 24px #0007,0 0 0 1px #c5944533;background:#101114}.rooms-hero img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.rooms-hero:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 22px #0004}
.rooms-caption{display:flex;justify-content:space-between;gap:6px;align-items:center;margin:10px 2px 8px;font-size:10px;letter-spacing:1px;color:#c1aa7a}.rooms-caption span:last-child{font-size:9px;color:#8d8677;letter-spacing:0}
.rooms-status{font-size:11px;line-height:1.6;color:#ffb5a0;margin:0 0 8px}.rooms-status:empty{display:none}
.room-grid{display:grid;gap:10px}.room-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--control-width);gap:9px;align-items:stretch;padding:10px;border:1px solid #8a673d88;border-radius:12px;background:linear-gradient(120deg,#24201880,transparent 52%),linear-gradient(180deg,#181a1b,#111416);box-shadow:inset 0 1px #f8dca112,0 5px 12px #0003;min-width:0}
.room-trends{min-width:0;align-self:center;width:100%;max-width:calc(var(--road-cell) * 10 + 26px)}.room-road-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px;line-height:16px;margin-bottom:5px;color:#d9be86}.room-road-heading strong{font-weight:500;letter-spacing:.5px}.room-road-heading small{font-size:8px;color:#998d74}
.room-road{display:grid;grid-template-columns:repeat(10,var(--road-cell));grid-template-rows:repeat(6,var(--road-cell));gap:2px;width:100%;padding:3px;border:1px solid #a7864633;border-radius:5px;background:linear-gradient(135deg,#090c0e,#111719);box-shadow:inset 0 1px 8px #0005}
.room-road-chip{place-self:center;display:grid;place-items:center;width:var(--road-cell);height:var(--road-cell);border-radius:50%;font:500 clamp(10px,3vw,14px)/1 "Songti SC","Noto Serif CJK SC",serif;color:#fff0da;box-shadow:inset 0 0 0 1px #ffeac66b,inset 0 1px 3px #ffffff20,0 1px 2px #0008;text-shadow:0 1px 1px #0008}
.room-road-chip.dragon{background:radial-gradient(circle at 35% 24%,#bd4e39,#7d211d 75%)}.room-road-chip.tiger{background:radial-gradient(circle at 35% 24%,#367eac,#143b65 75%)}.room-road-chip.tie{background:radial-gradient(circle at 35% 24%,#4d9143,#244c23 75%)}.room-road-chip.is-latest{outline:1px solid #e8c66e;outline-offset:1px}.room-road-empty{grid-column:1/-1;grid-row:1/-1;place-self:center;font-size:10px;color:#8a8272;text-align:center;padding:4px}
.room-road-counts{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:5px;font-size:10px;line-height:14px;font-variant-numeric:tabular-nums}.room-road-counts .dragon{color:#ed9b82}.room-road-counts .tiger{color:#83b9dd}.room-road-counts .tie{color:#a2c78c}.room-road-counts small{font-size:8px;color:#8b8577}
.room-aside{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding-left:8px;border-left:1px solid #ac874f30;background:radial-gradient(ellipse at 100% 50%,#93713b0f,transparent 75%)}.room-aside h2{font:600 19px/1.2 "Songti SC","Noto Serif CJK SC",serif;letter-spacing:2px;color:#f2d499;text-shadow:0 2px 6px #0009}.room-detail{font-size:9px;line-height:1.4;text-align:center;color:#9b927e;max-width:100%}
.rooms-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:43px;color:#e5c88b}.rooms-clock [data-clock-label]{font-size:9px;line-height:1.25;color:#aea28b}.room-clock-value{display:flex;align-items:baseline;gap:3px}.rooms-clock strong{font:600 clamp(18px,5.4vw,23px)/1 system-ui,sans-serif;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.rooms-clock small{font-size:8px;color:#9b8e73}.rooms-clock[data-phase="select"]{color:#9bd7a3}.rooms-clock[data-phase="reveal"]{color:#edaa93}.rooms-clock[data-phase="pending"]{color:#8b8578}
.room-enter{display:flex;align-items:center;justify-content:center;gap:9px;min-height:34px;width:100%;border:1px solid #e2bd724d;border-radius:6px;font-size:12px;font-weight:600;color:#38260e;background:linear-gradient(120deg,#d0aa67,#f0d49c 55%,#c59a50);box-shadow:inset 0 1px #fff1c777,0 3px 9px #0004;touch-action:manipulation}.room-enter:active{filter:brightness(.9)}
.rooms-footer{text-align:center;margin:12px 0 0;font-size:10px;line-height:1.7;color:#b7a17b}.rooms-footer p{font-size:9px;color:#7f7c72;margin-top:3px}
@media(max-width:350px){.rooms-shell{padding-left:9px;padding-right:9px;--control-width:82px;--road-cell:14px}.room-card{padding:8px;gap:7px}.room-aside{padding-left:6px;gap:5px}.room-aside h2{font-size:17px}.room-road-heading{font-size:9px}.room-road-counts small{display:none}.rooms-caption{letter-spacing:0}}
@media(min-width:650px){.rooms-shell{--road-cell:20px;--control-width:130px}.room-aside h2{font-size:21px}}

/* Blend the artwork into the page and float navigation above its quiet top edge. */
.rooms-shell{position:relative;padding-top:0}.rooms-nav{position:absolute;z-index:2;top:max(8px,var(--room-safe-top,env(safe-area-inset-top)));left:16px;right:16px;margin:0;text-shadow:0 1px 5px #000,0 0 10px #000}.rooms-nav a{padding:4px 0}.rooms-hero{margin:0 -12px;border-radius:0;box-shadow:none;background:transparent;overflow:visible;padding-top:max(18px,var(--room-safe-top,env(safe-area-inset-top)))}.rooms-hero img{mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 77%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 77%,transparent)}.rooms-hero:after{display:none}.rooms-caption{margin-top:0}@media(max-width:350px){.rooms-hero{margin-left:-9px;margin-right:-9px}}