/* Original client sheets are preserved; the surrounding layout reuses its blue/orange palette. */
.native-play .player-entry .player-mini{width:45px;height:43px;flex:none}.native-play .waiting-seat.empty-seat>span:last-child{display:block;margin-top:108px;font-size:11px;color:#abdfff}.native-play .native-ready.ready-on{background-position:0 -57px}.native-play .waiting-seat .seat-state{line-height:1.2}.native-play .native-portrait:not(#arena){max-height:none}.native-play .waiting-seat.empty-seat{background-image:none}.native-play .waiting-seat.empty-seat:before{content:'';position:absolute;width:96px;height:96px;left:calc(50% - 48px);top:16px;background:url('/assets/native-ui/Prepare/PRE_Bt_Slot-Open.png') 0 0 no-repeat}
body.native-play{background:#072855;color:#eafaff;background-image:radial-gradient(circle at 50% 0,#147cc8 0,#0c4d94 45%,#05224b 100%);min-height:100vh;font-family:"Microsoft JhengHei",system-ui,sans-serif;--ink:#effbff;--muted:#abd9f7;--line:#269fd4;--green:#ffab18;--mint:#126bab}
.native-play p{color:#bbe6ff}.native-play header.gamebar{max-width:1040px;height:83px;padding:8px 18px;border-bottom:3px solid #13d5f5;background:linear-gradient(#016dbb,#013b7c);box-shadow:0 3px 0 #001d4b;gap:14px;border-radius:0 0 12px 12px}.native-play .native-logo{flex:none}.native-play .gamebar-title{font-size:24px;font-weight:900;color:#ffe55b;white-space:nowrap;text-shadow:2px 2px #bd4f00}.native-play .gamebar-title small{display:block;font-size:11px;letter-spacing:3px;text-shadow:none;color:#c5f8ff}.native-play nav{margin-left:auto;gap:16px}.native-play nav a{color:#e9ffff;font-size:13px}.native-play nav button{padding:6px 10px;min-height:34px;font-size:12px}
.native-play .native-window{max-width:1040px;margin:16px auto 0;padding:10px 14px 16px;border:2px solid #06c4f1;border-radius:12px;background:linear-gradient(150deg,#0765b2,#064886);box-shadow:inset 0 0 0 3px #032f68,0 10px 25px #00132966}.native-channel-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#0798df,#005ead);border:2px solid #33c9ff;border-radius:7px;padding:8px 12px;font-size:13px;font-weight:800;color:#f6ffff;box-shadow:inset 0 1px #caf7ff}.native-play #mode{font-size:11px;font-weight:400;color:#d1faff}.channel-status{color:#b6ff62;font-size:11px}.native-play .page-title{display:none}.native-play .notice.slim{margin:10px 0;padding:6px 9px;border:0;background:#063563;color:#b8dcf5;border-radius:4px;font-size:11px}.native-play #message{font-size:12px;padding:5px 8px;margin:8px 0;border-radius:4px}.native-play #message.success{color:#d9ff8b;background:#044372}.native-play #message.error{color:#ffe4b4;background:#6f391b}.native-play .card{background:#086db4;border:2px solid #38cfff;border-radius:9px;padding:15px;box-shadow:inset 0 0 0 2px #034b8e,0 2px 0 #022d63}.native-play h2{font-size:19px;margin:0 0 12px;color:#fff;text-shadow:1px 2px #00356c}.native-play button{border:1px solid #b3eaff;border-radius:6px;box-shadow:inset 0 1px 0 #fcffff88,0 2px 0 #003368;background:linear-gradient(#13bbed,#0077be);color:#fff;font-weight:800;touch-action:manipulation}.native-play button:hover:not(:disabled){background:linear-gradient(#45dcff,#1093d8)}.native-play button.primary{background:linear-gradient(#ffdb54,#ff9315);color:#914413;border-color:#ffefa1;text-shadow:0 1px #fff3bd}.native-play input{background:#edfaff;color:#164367;border:2px solid #00539b;border-radius:4px;padding:10px;font-size:13px;box-shadow:inset 0 2px 0 #b4dcec}.native-play input:focus{outline:2px solid #ffdf52}.native-play label{color:#baf2ff;font-size:12px}.native-play footer{border-color:#06649c;color:#92bcd6;font-size:10px;max-width:1040px;margin-top:14px;padding:12px}
.native-play .auth-grid{margin:16px auto 0;max-width:740px;gap:18px}.native-play .native-panel{padding:0 18px 16px}.native-play .panel-heading{margin:0 -18px 14px;padding:10px 16px;border-bottom:2px solid #30c7ef;background:linear-gradient(#0da4e2,#086cb6);border-radius:7px 7px 0 0;color:#f8ff98;font-size:19px}.login-character{display:flex;align-items:center;justify-content:center;color:#c6fbff;font-weight:800;font-size:14px;height:110px}.native-portrait{max-width:none;display:block;width:110px;height:105px;background:transparent;border:0;border-radius:0;image-rendering:pixelated}.native-play form button.native-login{width:99px;height:30px;padding:0;border:0;box-shadow:none;border-radius:0;color:transparent;background-color:transparent;margin:auto;display:block}.native-play .lobby-grid{grid-template-columns:190px minmax(0,1fr);gap:10px;margin-top:12px}.native-play .player-panel{padding:0;position:relative;overflow:hidden;background:#073b7a;min-height:500px}.profile-banner{height:156px;margin:5px;background:url('/assets/native-ui/UX/LeftSideUI_Img_BG.png') 50% -38px no-repeat}.profile-content{padding:0 10px 14px}.native-play .lobby-character{margin:-42px auto 0;filter:drop-shadow(0 4px 2px #002c64)}.native-play #nickname{font-size:20px;text-align:center;color:#fff993;margin:2px 0 8px}.native-play #stats{font-size:11px;line-height:1.7;background:#072855;padding:8px;border:1px solid #007bb6;border-radius:4px;text-align:center}.player-level{border-bottom:1px solid #168ad4;color:#93e4ff;padding:5px;text-align:center;font-size:12px;margin-bottom:14px}.native-play form button.native-create{width:133px;height:63px;padding:0;border:0;box-shadow:none;color:transparent;background-color:transparent;border-radius:0;margin:5px auto 0;display:block}.native-play .lobby-panel{padding:0;min-height:500px;position:relative;padding-bottom:43px}.native-tabs{display:flex;align-items:center;gap:14px;background:linear-gradient(#05bbea,#0184c7);padding:10px 14px;border-bottom:2px solid #57e5ff;border-radius:7px 7px 0 0}.native-tabs h2{font-size:19px;margin:0;color:#fffb9b}.native-tabs span{font-size:12px;background:#045b9a;padding:6px 12px;border-radius:5px;border:1px solid #2de0f3}.native-tabs small{margin-left:auto;font-size:10px;color:#d8fbff}.lobby-toolbar{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;background:#06508c;border-bottom:1px solid #138ac2;font-size:11px}.lobby-toolbar span{color:#87d2ef}.native-room-list{display:grid;grid-template-columns:repeat(2,272px);justify-content:center;gap:14px 12px;padding:16px 10px;min-height:340px;align-content:start}.native-play .empty{grid-column:1/-1;text-align:center;padding:55px 0;color:#79c4f1;font-size:13px}.native-play .native-room-card{position:relative;display:block;padding:11px 10px 8px 81px;border:0;box-shadow:none;border-radius:0;color:white;font-size:12px}.native-room-card .room-title{display:block;color:#fff;font-weight:700;margin-top:3px;max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-room-card .room-status{display:block;font-size:10px;color:#c4efff;margin-top:5px}.native-room-card .room-map-mini{position:absolute;left:9px;top:10px;width:60px;height:60px;overflow:hidden;background:url('/assets/native-ui/Theme/Village.png') 0 0/148px auto no-repeat;border:1px solid #3eebf2;border-radius:6px}.native-room-card button{position:absolute;right:12px;bottom:10px;padding:4px 9px;min-height:22px;font-size:10px;box-shadow:none;border-color:#7feeff}.native-room-card small{display:block;color:#c4f7ff;font-size:10px}.lobby-bottom{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-around;background:#064d8b;border-top:2px solid #21b7df;padding:9px;font-size:11px;color:#94deff}
.native-play .room-grid{grid-template-columns:minmax(0,1fr)220px;gap:10px;margin-top:12px}.native-play .arena-card{padding:10px;background:#00619f}.native-play .arena-card>.row{background:linear-gradient(#099bd4,#0063a6);border:1px solid #55d9ff;border-radius:5px;padding:8px 10px;margin-bottom:9px}.native-play .arena-card h2{font-size:17px;margin:0}.native-play .eyebrow{font-size:10px;letter-spacing:.5px;color:#b0edff;margin:0 0 4px}.native-play .pill{background:#053774;color:#ffd555;border:1px solid #1887c7}.native-play #arena{background:#035182;border:3px solid #36d6ff;border-radius:4px;image-rendering:pixelated}.native-play .room-sidebar{padding:12px;background:#03558f}.native-play .room-sidebar h2{font-size:17px;border-bottom:2px solid #1ba4dc;padding-bottom:9px}.room-map-label{background:#03376b;border:1px solid #119bd0;border-radius:4px;padding:8px;text-align:center;color:#c6fbff;font-size:12px}.native-play .room-actions{gap:10px}.native-play button.native-ready,.native-play button.native-start{width:193px;height:57px;padding:0;border:0;box-shadow:none;border-radius:0;color:transparent;background-color:transparent;max-width:100%}.native-play button.native-ready:hover,.native-play button.native-start:hover,.native-play form button.native-create:hover,.native-play form button.native-login:hover{background-color:transparent}.native-play .player-entry{font-size:11px;gap:5px;border-color:#1489c0}.native-play .player-entry small{font-size:10px;color:#b5edff}.native-play .room-sidebar .caption{font-size:10px}.native-play.is-waiting #arena,.native-play.is-waiting .touch-controls,.native-play.is-waiting .arena-card>.caption{display:none}.native-play:not(.is-waiting) #waiting-stage{display:none}.waiting-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px}.waiting-seat{background:#0789c5;border:2px solid #1ecbff;border-radius:7px;min-height:142px;text-align:center;box-shadow:inset 0 0 0 2px #04519b;position:relative;overflow:hidden}.waiting-seat.empty-seat{background-color:#086bb0;background-image:url('/assets/native-ui/Prepare/PRE_Bt_Slot-Open.png');background-position:center 22px;background-repeat:no-repeat;background-size:194px 192px;opacity:.75}.waiting-seat.closed-seat{background:#084f85;border-color:#0877a8;opacity:.65}.waiting-seat .native-portrait{margin:0 auto;width:100px;height:96px}.waiting-seat strong{display:block;font-size:11px;color:#ffffb3;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waiting-seat .seat-state{font-size:10px;color:#b8eeff;padding-bottom:5px}.waiting-seat .ready-mark{position:absolute;right:4px;top:5px;font-size:10px;color:#fff072}.waiting-seat .seat-number{position:absolute;left:5px;top:5px;font-size:10px;color:#90e9ff}.waiting-seat.closed-seat span{display:block;color:#719bc4;font-size:12px;margin-top:55px}.map-strip{display:flex;align-items:center;justify-content:center;gap:20px;background:#023f76;border:2px solid #108fc4;border-radius:6px;padding:8px;margin:10px 8px}.map-strip .native-map{flex:none}.map-strip strong{color:#ffdd54;font-size:18px}.map-strip p{font-size:11px;margin:5px 0}.native-play #result:not(:empty){background:linear-gradient(#115690,#003c73);color:#ffed70;border:2px solid #33d4f5}.native-play .direction-pad button{background:linear-gradient(#31c8f9,#0388c9);border-color:#bceeff;color:white;text-shadow:1px 2px #034878}.native-play #bomb{background:linear-gradient(#ffe566,#ffae23);border:2px solid #fff5a3;color:#8c4201;text-shadow:0 1px #fff8b1}.native-play .touch-controls{margin-top:9px}.native-play .quiet{color:#baf6ff;background:#043e78;border-color:#1398c7}
@media(min-width:801px){.native-play.is-playing .native-window{max-width:1040px}.native-play .is-in-lobby{min-height:600px}}
@media(max-width:800px){.native-play header.gamebar{height:65px;padding:5px 10px;gap:6px}.native-play .native-logo{transform:scale(.72);transform-origin:left center;margin-right:-44px}.native-play .gamebar-title{display:none}.native-play nav{gap:7px}.native-play nav a{font-size:11px}.native-play nav button{font-size:10px;padding:5px 7px}.native-play .native-window{margin:8px 6px 0;padding:7px;border-radius:8px}.native-play .native-channel-bar{font-size:10px;gap:5px;padding:6px}.native-play .channel-status{display:none}.native-play .lobby-grid{grid-template-columns:1fr;margin-top:8px}.native-play .player-panel{min-height:0}.native-play .profile-banner{display:none}.native-play .profile-content{display:grid;grid-template-columns:85px 1fr;gap:4px;padding:9px}.native-play .lobby-character{grid-column:1;grid-row:1/4;width:85px;height:90px;margin:0}.native-play #nickname{grid-column:2;font-size:17px;text-align:left;margin:0}.native-play #stats{grid-column:2;font-size:10px;margin:0}.native-play .player-level{display:none}.native-play #create-form{grid-column:1/-1;display:flex;align-items:center;gap:9px}.native-play #create-form label{flex:1;margin:0}.native-play #create-form input{padding:8px}.native-play form button.native-create{flex:none;transform:scale(.85);transform-origin:right center;margin-left:-16px;margin-top:4px}.native-play .native-tabs{gap:8px;padding:8px}.native-play .native-tabs h2{font-size:16px}.native-play .native-tabs span{font-size:10px;padding:4px}.native-play .lobby-toolbar{font-size:10px;padding:7px}.native-play .lobby-toolbar span{display:none}.native-play .native-room-list{grid-template-columns:272px;padding:12px 0}.native-play .lobby-panel{min-height:340px}.native-play .room-grid{grid-template-columns:1fr;margin-top:8px}.native-play .waiting-slots{grid-template-columns:repeat(2,1fr);gap:7px}.native-play .waiting-seat{min-height:132px}.native-play .waiting-seat.closed-seat{display:none}.native-play .map-strip{gap:10px;margin:8px 0;padding:4px}.native-play .map-strip .native-map{transform:scale(.75);transform-origin:center;margin:-10px -14px}.native-play .room-sidebar{order:0;padding:9px}.native-play .room-sidebar h2{font-size:14px}.native-play .room-actions{justify-content:center}.native-play .room-sidebar .caption{display:none}.native-play .room-actions .native-ready,.native-play .room-actions .native-start{flex:none}.native-play .auth-grid{gap:12px;margin-top:12px}.native-play .login-character{height:96px}.native-play.is-playing header.gamebar,.native-play.is-playing .native-channel-bar{display:none}.native-play.is-playing .native-window{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}.native-play.is-playing .room-grid{margin-top:0}.native-play.is-playing .arena-card{padding:6px}.native-play.is-playing .arena-card>.row{padding:4px 7px;margin:0;border:0}.native-play.is-playing .arena-card h2{font-size:13px}.native-play.is-playing .arena-card #arena{border:2px solid #31caf5}.native-play.is-playing .play-focus-label{color:#bdeeff;font-size:10px;line-height:1.3;margin:6px 8px}.native-play.is-playing .touch-controls{margin-top:0}.native-play.is-playing .room-sidebar{padding:10px}.native-play.is-playing footer{display:none}.native-play.is-playing .room-map-label{display:none}.native-play .auth-grid form .native-login{width:99px}.native-play .native-room-card button{min-height:28px}}
@media(max-width:800px) and (orientation:landscape){.native-play.is-playing .arena-card{padding:5px}.native-play.is-playing .arena-card>.row{margin-bottom:0}.native-play.is-playing .touch-controls{padding:0}.native-play.is-playing .room-grid{margin-top:0}}