*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080d14;color:#f7f9fc;font-family:Arial,Helvetica,sans-serif}body{min-height:100dvh}.loading{padding:40px 20px;text-align:center;color:#aeb9c8}
.topbar{height:66px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;background:#0f1722;border-bottom:1px solid #263447;position:sticky;top:0;z-index:5}.restaurant-brand{display:flex;align-items:center;min-width:0;gap:9px}.restaurant-brand img{width:46px;height:46px;object-fit:contain;border-radius:8px}.restaurant-brand div{min-width:0}.restaurant-brand strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.restaurant-brand small{display:block;color:#9aabc0;margin-top:2px}
button,select{font:inherit}.small-btn,.back{border:1px solid #34465c;background:#172231;color:#fff;border-radius:9px;padding:9px 11px;font-weight:800}.view{display:none;min-height:calc(100dvh - 122px);padding:16px}.view.active{display:block}.hero{text-align:center;padding:20px 8px 18px}.hero img{width:min(210px,60vw);height:110px;object-fit:contain}.hero h1{margin:12px 0 5px;font-size:27px}.hero p{margin:0;color:#aab7c8;font-weight:700}
.big{display:block;width:100%;min-height:62px;border:0;border-radius:13px;margin:12px 0;font-size:18px;font-weight:900}.primary{background:#ff9d29;color:#111}.secondary{background:#182536;color:#fff;border:1px solid #344a64}.saved-card{margin-top:22px;padding:15px;border:1px solid #30445c;background:#101a27;border-radius:13px}.saved-card strong,.saved-card small{display:block}.saved-card small{color:#aab7c8;margin-top:5px}.saved-card button{width:100%;margin-top:12px;padding:13px;border:0;border-radius:10px;background:#ff9d29;font-weight:900}
.section-head{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-bottom:12px}.section-head>strong{text-align:center}.back{background:transparent}
#channelSelect{width:100%;padding:14px;background:#111c29;border:1px solid #3a526e;color:#fff;border-radius:11px;font-weight:700;margin-bottom:12px}.video-box{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.video-box video{width:100%;height:100%;background:#000}.video-box #status{position:absolute;left:9px;bottom:9px;background:#000b;padding:6px 8px;border-radius:6px;font-size:12px}.now{padding:12px 3px}.now>*{display:block}.now small{color:#85a2c4}.now strong{font-size:18px;margin:3px 0}.now span{color:#9fb0c3}
.tab-view{padding:8px}.tab-view .section-head{margin:2px 4px 8px}.tab-view iframe{display:block;width:100%;height:calc(100dvh - 165px);border:0;border-radius:10px;background:#fff}.tab-view>.secondary{width:100%;padding:12px;border-radius:10px;margin-top:8px}
footer{height:56px;border-top:1px solid #263447;background:#0d141e;display:flex;align-items:center;justify-content:center}footer a{display:flex;align-items:center;gap:7px;color:#8fa0b4;text-decoration:none;font-size:11px}footer img{height:25px;width:100px;object-fit:contain}
@media(min-width:700px){body{max-width:620px;margin:auto;border-left:1px solid #243144;border-right:1px solid #243144}.hero{padding-top:45px}.view{padding:22px}}
/* V5 phone refinements */
.restaurant-brand img{width:62px;height:48px}
#tvView .section-head #tvTabBtn{display:none}
@media(max-width:699px){
 .topbar{height:72px}
 .restaurant-brand strong{font-size:17px;max-width:190px}
 .restaurant-brand img{width:68px;height:52px}
 .view{min-height:calc(100dvh - 128px);padding:12px}
 #tvView .video-box{width:calc(100% + 24px);margin-left:-12px;border-radius:0;aspect-ratio:16/9}
 #tvView #channelSelect{font-size:16px;min-height:52px}
 .hero img{height:125px;width:min(230px,70vw)}
 .big{min-height:66px}
}

.game-card{background:#101a27;border:1px solid #30445c;border-radius:14px;padding:16px}.game-card h2{margin:0 0 8px}.game-card p,.game-note{color:#aab7c8;line-height:1.45}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.join-row input{min-width:0;padding:15px;border-radius:10px;border:1px solid #405873;background:#0a111a;color:#fff;font-size:22px;letter-spacing:6px;text-align:center}.join-row button,.room-info button{border:1px solid #405873;background:#172536;color:#fff;border-radius:10px;padding:12px;font-weight:900}.room-info{margin-top:16px;padding:15px;border-radius:12px;background:#080f17;text-align:center}.room-info small,.room-info strong,.room-info span{display:block}.room-info strong{font-size:42px;letter-spacing:8px;color:#ff9d29}.room-info span{font-weight:900;margin:4px}.controller{margin-top:16px;padding:14px;background:#0d1622;border:1px solid #30445c;border-radius:14px;display:grid;grid-template-columns:1fr .65fr 1fr;gap:10px;align-items:center;user-select:none;touch-action:none}.controller button{touch-action:none}.pad{text-align:center}.pad>button,.pad div button,.buttons button,.center-controls button{border:0;color:#fff;font-weight:900;background:#26384d}.pad>button{width:62px;height:55px;border-radius:10px}.pad div{display:flex;justify-content:center;gap:50px}.pad div button{width:58px;height:58px;border-radius:10px}.buttons{display:flex;justify-content:center;gap:12px;align-items:center}.buttons button{width:70px;height:70px;border-radius:50%;font-size:24px}.buttons .a{background:#1c6b3b}.buttons .b{background:#7b2831}.center-controls{display:flex;flex-direction:column;gap:12px}.center-controls button{padding:12px 5px;border-radius:9px;font-size:12px}

#gameSelect{width:100%;padding:14px;background:#0a111a;color:#fff;border:1px solid #405873;border-radius:10px;font-size:16px}