body{background:#09241d url('/assets/pro/lounge-v50.png') center top/cover fixed no-repeat}header,main{max-width:1440px;padding:0}header{margin:0 auto 12px;padding:6px 30px;background:linear-gradient(100deg,#031815f5,#02100ff7);border:1px solid #d8b565;border-top:0;border-radius:0 0 14px 14px;min-height:78px;position:relative}header img{width:270px;height:76px}nav{font-size:15px;gap:28px}nav a{color:#d8dddc}nav a:hover{color:#f1ce7f}.pro-seal{font:700 20px Georgia,serif;background:linear-gradient(#ffe5a7,#c68d38);color:#22170a;letter-spacing:1px;padding:7px 22px;border:1px solid #ffe6a8;box-shadow:inset 0 1px #fff8}.royal-banner{height:128px;border:1px solid #e0bd68;border-radius:14px;background:#03221a url('/assets/pro/banner-v50.png') center/cover no-repeat;display:flex;align-items:center;overflow:hidden;position:relative;box-shadow:0 5px 18px #0005}.royal-banner>div{margin-left:20%;position:relative;z-index:1;padding:8px 0;text-shadow:0 2px 5px #000}.royal-banner h1{font:700 clamp(23px,2.8vw,43px)/1.2 Georgia,serif;letter-spacing:2px;color:#ffe6ab}.royal-banner p{font-size:17px;color:#e1d3ae;margin:4px 0}.royal-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffdc8e18 48%,transparent 62%);transform:translateX(-120%);animation:royal-sheen 12s ease-in-out infinite;pointer-events:none}@keyframes royal-sheen{0%,65%{transform:translateX(-120%)}95%,100%{transform:translateX(120%)}}.salon-status{margin:9px 0;gap:8px}#notice{background:#05271fdd;border-radius:6px;min-height:30px;padding:6px 10px;font-size:11px}.salon-status button{padding:7px 13px}.salon-grid{grid-template-columns:minmax(230px,.9fr) minmax(370px,1.72fr) minmax(260px,.97fr);gap:12px}.panel{background:linear-gradient(125deg,#05291fef,#031c18f7);border:1px solid #d7b164;border-radius:12px;box-shadow:inset 0 1px 0 #f6d89118,0 5px 15px #0005;padding:16px}.panel h2{font-size:23px;color:#f9e5b4;font-weight:600;display:flex;align-items:center;gap:10px;margin:4px 0 14px}.gold-icon{color:#f0cc83;font-family:'Segoe UI',sans-serif;font-size:28px}.left-column{background:#06261eec;border:1px solid #d7b164;border-radius:12px;overflow:hidden}.create-panel{border:0;box-shadow:none;background:transparent;padding:18px}.create-panel fieldset{gap:12px;margin-top:10px}.create-panel label{color:#eadcb8;font-size:15px}.stake-stepper{display:grid;grid-template-columns:44px 1fr 44px;border:1px solid #bd9d55;border-radius:9px;overflow:hidden}.stake-stepper input{border:0;border-radius:0;text-align:center;font-size:19px;font-weight:600;appearance:textfield;padding:9px 4px;background:#031b16}.stake-stepper input::-webkit-inner-spin-button{appearance:none}.create-panel .stake-stepper button{padding:5px;margin:0;border:0;border-radius:0;background:#10362a;color:#f9df9d;font-size:22px;box-shadow:none}.stake-stepper button:first-child{border-right:1px solid #a68b4f}.stake-stepper button:last-child{border-left:1px solid #a68b4f}#series-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.create-panel #series-buttons button{margin:0;padding:11px 3px;background:#05241c;border:1px solid #637e6677;color:#d6dfd9;font-size:14px;box-shadow:none}.create-panel #series-buttons button[aria-pressed=true]{background:linear-gradient(#ffe3a0,#c28c38);color:#20170b;border-color:#eac37b}.native-series{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}.create-panel .primary{padding:15px 5px;font:700 16px Georgia,serif;margin-top:4px;background:linear-gradient(#ffe5a7,#e4ba67 45%,#bb812e);box-shadow:inset 0 1px #fff9,0 4px 8px #0003}.hint{font-size:10px}.royal-shield{text-align:center;padding:6px 15px 18px;background:radial-gradient(ellipse at center,#2f584622,transparent)}.royal-shield img{width:145px;height:145px;filter:drop-shadow(0 5px 4px #0007);animation:crown-glow 6s ease-in-out infinite}.royal-shield p{font:17px Georgia,serif;color:#e5ca8b;margin:8px 0 0}@keyframes crown-glow{50%{filter:drop-shadow(0 0 10px #c2a25355)}}.my-panel .empty{padding:20px 14px;min-height:95px}.open-panel{margin-top:12px;min-height:220px}.room-card{background:linear-gradient(90deg,#06241ce8,#071e19ef);border-color:#78977a66;padding:15px 12px;gap:10px}.room-card .avatar{width:44px;height:44px;flex-shrink:0;border:2px solid #dac27b;background:#14342a}.room-card .person{min-width:100px;flex:1}.person strong{font-size:14px}.room-card .button,.room-card button{font-size:12px;min-width:76px;background:linear-gradient(#ffe4a0,#c58d36)}.room-card .secondary{background:#092a21;color:#ebd393}.history{margin-top:12px}.history summary{font:18px Georgia,serif;color:#f1dfb4;padding:5px}.empty{background:#04251b66;border-color:#819b7b66;color:#c4d0bf;padding:22px 14px}.leader-crown{width:37px;height:42px;object-fit:contain}.leaders-panel h2{font-size:21px}.periods{border-color:#8d9c7b77;border-radius:8px;padding:0;overflow:hidden}.periods button{border-radius:0;font-size:12px;padding:11px 3px}.periods button[aria-pressed=true]{background:linear-gradient(#ffe2a0,#c19140);color:#20180b}.leader-row{background:#052019aa;border:1px solid #79977b66;border-radius:8px;padding:15px 9px;margin-bottom:9px;grid-template-columns:29px 35px minmax(0,1fr) auto}.leader-rank{width:28px;height:34px;display:grid;place-items:center;border:1px solid #cba654;border-radius:50%;background:linear-gradient(145deg,#d7b269,#725322);color:#fff0be;font-weight:700;box-shadow:0 2px 7px #0005}.leader-row:nth-child(2) .leader-rank{background:linear-gradient(145deg,#e3e6e4,#5d6869);border-color:#bac4c3}.leader-row:nth-child(3) .leader-rank{background:linear-gradient(145deg,#dfad76,#885334);border-color:#c48d59}.leader-score{font-size:13px}.leader-scope{font-size:10px;margin:10px 0}.leader-avatar{background:#14342a}.salon-footer{padding:16px 4px;color:#d1ba83;text-shadow:0 1px 3px #000}.waiting{margin-bottom:12px}.salon-note,.table-icon{display:none}button:hover:not(:disabled),a.button:hover{box-shadow:0 0 13px #e9bd5b40;filter:brightness(1.06)}@media(max-width:1500px){header,main{max-width:calc(100% - 80px)}}@media(max-width:1100px){header,main{max-width:calc(100% - 30px)}.salon-grid{grid-template-columns:230px minmax(0,1fr)}.leaders-panel{grid-column:1/-1}.royal-banner h1{font-size:30px}.royal-banner p{font-size:14px}header img{width:220px}.royal-shield{padding-top:12px}}@media(max-width:700px){body{background-attachment:scroll}header,main{max-width:calc(100% - 20px)}header{padding:6px 12px;min-height:62px;margin-bottom:8px}header img{width:150px;height:50px}nav{gap:12px;font-size:11px}.pro-seal{display:inline;font-size:13px;padding:5px 10px;letter-spacing:0}nav a:first-child{display:none}.royal-banner{height:100px;background-position:45% center}.royal-banner>div{margin-left:20%;padding-right:5px}.royal-banner h1{font-size:21px;letter-spacing:.5px}.royal-banner p{font-size:11px;max-width:190px}.salon-grid{grid-template-columns:minmax(0,1fr);gap:10px}.leaders-panel{grid-column:auto}.create-panel fieldset{grid-template-columns:1fr}.create-panel h2,.panel h2{font-size:20px}.royal-shield{display:none}.create-panel #series-buttons{grid-column:1/-1}.create-panel .primary{font-size:15px}header .pro-seal{display:none}.leader-row{grid-template-columns:32px 36px minmax(0,1fr) auto}.salon-status{margin:8px 0}.open-panel{margin-top:10px}.waiting{padding:12px}.history summary{font-size:17px}}@media(prefers-reduced-motion:reduce){.royal-banner:after,.royal-shield img{animation:none}}
/* Keep crown and board sharp and undistorted in the compact banner. */
.royal-banner{background-image:linear-gradient(90deg,#031e17 0%,#032019f5 55%,#03201970 75%,transparent 100%),url('/assets/pro/banner-v50.png');background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}.royal-banner:before{content:'';position:absolute;left:20px;top:4px;width:125px;height:120px;background:url('/assets/pro/crown-v50.svg') center/contain no-repeat;filter:drop-shadow(0 3px 8px #cfa34e33)}.royal-banner>div{margin-left:165px}.royal-banner h1{font-size:clamp(23px,2.6vw,39px)}@media(max-width:700px){.royal-banner:before{left:8px;width:68px;height:86px;top:6px}.royal-banner>div{margin-left:85px}.royal-banner h1{font-size:20px}}