/* NIU6NIU Record Center — presentation only, 20261001-22. */
body.records-page{background:#050505;color:#eeece5}body.records-page>header{height:76px!important;min-height:76px!important;background:linear-gradient(90deg,#090908f5,#090908df) center 35%/cover!important;padding:12px 18px!important;border-bottom:1px solid #c5a86a40}body.records-page>header .brand{font-size:19px}body.records-page>header .website-bull{width:42px;height:42px}body.records-page>header .language-picker{max-width:170px}body.records-page>header select{font-size:13px;min-height:40px;padding:6px;max-width:137px}body.records-page #app{padding:0 0 calc(115px + env(safe-area-inset-bottom))!important;max-width:720px;margin:auto}body.records-page #footer{display:none}.record-center{padding:19px 18px 20px;min-height:65vh;background:linear-gradient(#090908ee,#090908f7) center/cover}.record-heading{display:block!important;background:none!important;border:0!important;padding:0!important;min-height:0!important;position:static!important}.record-heading small{color:#bba778;font-size:10px;letter-spacing:.22em}.record-heading h1{font-size:27px;margin:3px 0 18px;font-weight:750;line-height:1.25}.record-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.record-tabs button{font:inherit;font-size:14px;font-weight:700;padding:11px 3px;border-radius:14px;background:#11110f;border:1px solid #c7b38666;color:#ddd9ce;min-width:0;white-space:normal}.record-tabs button[aria-selected=true]{background:linear-gradient(145deg,#f3deab,#c4a16c);color:#19150d;border-color:#f3dfb1;box-shadow:0 0 14px #d1b37b25}.record-filters{display:grid;grid-template-columns:1fr 1.2fr 46px;gap:7px;margin:12px 0}.record-filters select{width:100%;min-width:0;margin:0;height:40px;font-size:13px;color:#e9e6dd;background:#171612;border:1px solid #c7b38666;border-radius:8px;padding:6px}.record-calendar{position:relative;display:grid;place-items:center;border:1px solid #c7b38666;border-radius:8px;background:#171612;color:#e0d5be;font-size:25px;overflow:hidden}.record-calendar input{position:absolute;inset:0;opacity:.01;width:100%;height:100%;padding:0;color-scheme:dark;cursor:pointer;min-width:0}.record-calendar input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.record-summary{display:grid;grid-template-columns:.7fr 1.25fr 1.25fr;border:1px solid #c8aa6e80;border-radius:13px;background:linear-gradient(115deg,#292218,#11110f 60%);padding:16px 8px;box-shadow:inset 0 1px #f7e1b21f,0 5px 20px #0005}.record-summary>div{padding:0 8px;min-width:0}.record-summary>div+div{border-left:1px solid #a9997940}.record-summary small{display:block;font-size:11px;color:#beb7a8;margin-bottom:6px}.record-summary strong{display:block;font-size:clamp(12px,3.6vw,20px);line-height:1.5;color:#efe6d0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.record-summary>div:first-child strong{font-size:25px;color:#e2c889}.record-basis{font-size:10px;line-height:1.5;color:#928a79;margin:8px 2px 17px}.record-subtitle{font-size:17px;margin:18px 0 12px;display:flex;align-items:center;gap:8px}.record-subtitle:before{content:'';width:3px;height:16px;background:#d1b47c;border-radius:3px}.record-list{display:grid;gap:8px}.record-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(103px,auto) 9px;gap:8px;align-items:center;width:100%;min-height:78px;text-align:left;margin:0;padding:11px 10px;border:1px solid #beab7952;border-radius:10px;color:#eeece5;background:linear-gradient(125deg,#1b1914,#11110f);box-shadow:inset 0 1px #ffffff08;font:inherit}.record-icon{width:34px;height:40px;border:1px solid #c3aa7055;border-radius:8px;display:grid;place-items:center;color:#d8bd83;font-size:23px}.record-brand{background:url('./brand/player-reference-logo.png') center/cover}.record-identity{min-width:0}.record-identity b{font-size:13px;display:block;line-height:1.4}.record-identity small{font-size:10px;color:#9f9788;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.record-result{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;row-gap:6px;justify-content:end;min-width:0}.record-result b{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.record-result time{grid-column:1/-1;text-align:right;font-size:10px;color:#a69e90}.record-badge{font-size:10px;padding:3px 5px;border:1px solid #bab2a638;border-radius:5px;color:#bfb8aa;background:#2b2923}.state-WIN .record-badge{background:#214333;color:#80d6a6;border-color:#69ae865c}.state-LOSS .record-badge{background:#4d2a2d;color:#eb979b;border-color:#c5777c66}.state-WATER .record-badge{color:#d6bc82}.positive{color:#79cfa0!important}.negative{color:#e7868e!important}.record-chevron{color:#c2b9a6;font-size:23px}.record-more{width:100%;border:0;background:none;color:#ccb88e;margin-top:14px;padding:12px;font-size:12px}.record-more:disabled{color:#777267;opacity:1}.record-empty{text-align:center;padding:40px 15px 60px}.record-empty svg{width:64px;height:64px;fill:none;stroke:#baa06a;stroke-width:1.5;opacity:.8}.record-empty h3{font-size:17px;margin:15px 0 9px}.record-empty p{font-size:13px;line-height:1.8;max-width:250px;margin:auto;color:#a49d90}.record-skeleton i{display:block;height:78px;margin:12px 0;border-radius:10px;background:linear-gradient(100deg,#171612,#25221a,#171612);background-size:200% 100%;animation:record-loading 1.6s infinite}.record-skeleton i:first-child{height:90px}@keyframes record-loading{to{background-position:-200% 0}}.record-error{text-align:center;padding:35px 12px;color:#c5beb1}.record-error button{background:#d5ba82;color:#16130f;border:0;padding:10px 25px;border-radius:8px}.record-dialog{color:#eeece5;background:#11110f;border:1px solid #c7b38688;border-radius:17px;padding:0;width:min(92vw,470px);max-height:85dvh;max-height:85vh;overflow:auto;box-sizing:border-box}.record-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.record-dialog>header{position:sticky;top:0;display:flex!important;justify-content:space-between;align-items:center;min-height:0!important;height:auto!important;background:#171612!important;border:0;border-bottom:1px solid #c7b38640;padding:14px 18px!important}.record-dialog h2{font-size:19px;margin:0}.record-dialog header button{border:1px solid #c7b38650;border-radius:9px;width:34px;height:34px;padding:0;background:#11110f;color:#ded5bf;font-size:23px}.record-detail-body{padding:6px 18px 20px}.record-detail-body dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #b4a07822;font-size:13px;line-height:1.5}.record-detail-body dt{color:#aea591}.record-detail-body dd{margin:0;text-align:right;overflow-wrap:anywhere}.record-dialog button:focus-visible,.record-center button:focus-visible,.record-center select:focus-visible,.record-calendar:focus-within{outline:2px solid #e8cd91;outline-offset:3px}@media(min-width:600px){.record-row{grid-template-columns:44px minmax(0,1fr) auto 12px;padding:14px}.record-icon{width:42px;height:46px}.record-result b{font-size:17px}}@media(max-width:360px){.record-center{padding:15px 10px}.record-row{gap:5px;padding:10px 7px;grid-template-columns:28px minmax(0,1fr) auto 7px}.record-icon{width:28px;height:34px}.record-result{gap:4px}.record-result b{font-size:12px}.record-identity b{font-size:12px}.record-summary>div{padding:0 5px}}@media(prefers-reduced-motion:reduce){.record-skeleton i{animation:none}}
.record-calendar{margin:0!important;height:40px;min-height:40px;box-sizing:border-box}.record-list{gap:6px}.record-row{min-height:60px;padding:8px 10px}.record-icon{height:34px}.record-result{row-gap:4px}.record-identity small{margin-top:3px}.record-summary{padding:13px 8px}.record-basis{margin-bottom:14px}
.record-range{font-size:11px;margin:0 0 11px;color:#a99f8c;letter-spacing:.02em}

/* Own MYR history only; reuse the existing black/gold record center. */
.settled-room,.settled-room *{box-sizing:border-box;min-width:0}
.settled-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.settled-heading h1{width:100%;font-size:22px;line-height:1.35;margin:5px 0;color:#ecd6a1}
.settled-heading button{font-size:13px;padding:8px 12px;min-height:40px}
.settled-room-status{padding:14px;margin:0 0 14px;border:1px solid #c7b38666;border-radius:16px;background:#191712;color:#ecd6a1}
.settled-room-status p,.settled-muted{font-size:13px;line-height:1.6;color:#b9ad95;overflow-wrap:anywhere}
.settled-clock{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-top:1px solid #c7b38633;padding-top:8px}
.settled-card{display:block!important;padding:14px!important;margin-bottom:12px;border:1px solid #c7b38655;border-radius:16px;background:linear-gradient(145deg,#24211a,#14130f)}
.settled-card-heading{display:flex!important;flex-wrap:wrap;gap:8px;padding:0!important;background:none!important;border:0!important;min-height:0!important;position:static!important}
.settled-card-heading strong{font-size:15px;overflow-wrap:anywhere;flex:1 1 140px}
.settled-status{font-size:11px;color:#ead29b;border:1px solid #bfa06655;border-radius:20px;padding:3px 8px;max-width:100%}
.settled-reference{font-size:11px;color:#b9ad95;margin:10px 0;overflow-wrap:anywhere;line-height:1.5}
.settled-reference b{font-weight:500;display:block;color:#d4c9b2}
.settled-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin:0}
.settled-facts div:last-child{grid-column:1/-1}
.settled-facts dt{font-size:11px;color:#aa9c81;margin:0 0 3px}
.settled-facts dd{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere;color:#f0e4ca}
.settled-chat{display:flex;align-items:center;gap:10px;border:1px solid #c7b38640;border-radius:14px;padding:8px 12px;background:#1b1813;margin-top:18px;color:#aa9c81;font-size:13px}
.settled-chat span:nth-child(2){flex:1;overflow-wrap:anywhere}.settled-chat button{width:36px;min-height:36px;padding:3px;opacity:.5}
@media(max-width:390px){.settled-room{padding:14px 12px}.settled-heading h1{font-size:20px}.settled-card{padding:12px!important}.settled-facts dd{font-size:13px}}

/* Scoped read-only room presentation; original lobby and TEST room unchanged. */
body[data-app="player"] .readonly-fast-room.room-shell{display:block;height:auto;min-height:0;min-width:0;max-width:100%;background:#100e0a;border:1px solid #65512a;border-radius:16px;color:#eee2c8;overflow:hidden}
.readonly-room-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px;border-bottom:1px solid #65512a}
.readonly-room-head strong,.readonly-room-head small{display:block;text-align:center}.readonly-room-head strong{font-size:16px}.readonly-room-head small{font-size:11px;color:#bfa46d}
.readonly-fast-room button{min-height:44px;font-size:12px;padding:8px}.readonly-room-head button{max-width:78px;font-size:11px;white-space:nowrap;padding:6px}
.readonly-room-status{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px;background:#241d11}.readonly-room-status small{display:block;color:#c4ad7e;font-size:12px}.readonly-clock{text-align:right}.readonly-clock b{font-size:24px;color:#e9c878}
.readonly-room-notice{font-size:12px;line-height:1.5;margin:10px 12px;padding:8px;border:1px solid #715725;border-radius:8px;color:#e6c987}
.readonly-room-meta{display:flex;gap:8px;justify-content:space-between;padding:8px 12px;font-size:12px}.readonly-room-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.readonly-bet-area{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px}.readonly-bet-area>span{grid-column:1/-1;font-size:12px;color:#c4ad7e}
.readonly-stream{min-height:130px;max-height:240px;overflow:auto;padding:12px;margin:0!important}.readonly-assistant{display:flex;align-items:flex-start;gap:8px}.readonly-assistant>div{min-width:0;background:#302818;border:1px solid #65512a;border-radius:12px;padding:10px}.readonly-assistant p{font-size:12px;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}.readonly-assistant small{display:block;text-align:right;font-size:10px;color:#ba9c60}
.readonly-player{display:flex;gap:8px;align-items:center;margin-top:12px}.readonly-avatar{width:30px;height:30px;border-radius:50%;background:#55411f;text-align:center;line-height:30px}.readonly-player>div{min-width:0}.readonly-player strong{display:block;font-size:13px;overflow-wrap:anywhere}.readonly-player small{font-size:11px;color:#bba16e}
.readonly-room-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.readonly-room-panels>section,.readonly-current-score{min-width:0;border:1px solid #65512a;border-radius:12px;padding:10px;background:#201a11}.readonly-fast-room h2{font-size:14px;margin:0 0 10px}.readonly-packet>span{font-size:32px}.readonly-packet dl{margin:8px 0;font-size:11px}.readonly-packet dt{color:#bfa46d}.readonly-packet dd{margin:2px 0 8px;overflow-wrap:anywhere}.readonly-hand-backs{border:1px solid #8b7139;color:#d7b777;border-radius:8px;letter-spacing:4px;text-align:center;padding:24px 2px}.readonly-hand p,.readonly-hand small{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.readonly-current-score{margin:0 12px 12px}.readonly-current-score p{font-size:12px}.readonly-current-score button{width:100%}
.readonly-composer{position:static!important;padding:12px;border-top:1px solid #65512a;background:#201a11}.readonly-composer>span{font-size:11px;color:#bba16e}.readonly-composer>div{display:flex;gap:8px}.readonly-composer input{min-width:0;flex:1}.readonly-fast-room button:disabled,.readonly-fast-room input:disabled{opacity:.55;cursor:not-allowed}.readonly-fast-room *{box-sizing:border-box}

/* Room content must clear the fixed bar, raised PLAY button and Telegram safe area. */
body[data-app="player"].readonly-room-page{--readonly-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px))}
body[data-app="player"].readonly-room-page #app{padding-bottom:calc(130px + var(--readonly-safe-bottom))!important}
body[data-app="player"].readonly-room-page:not(.chat-page) .bottom-nav{bottom:calc(5px + var(--readonly-safe-bottom))}