/* Play-area layout; later than the legacy theme to keep screen states isolated. */
/* Larger responsive dialogs without scaling text or clipping the bottom actions. */
body .dialog, body #RoomDiag, body #QuickDiag {
 width:min(680px,calc(100vw - 32px)) !important;
 height:auto !important; max-height:calc(100dvh - 32px) !important;
 left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important;
 margin:0 !important; overflow:hidden !important;
}
body .dialog .dialog-head { height:56px !important; box-sizing:border-box; }
body .dialog .dialog-title { width:calc(100% - 58px) !important; padding:16px 18px !important; font-size:20px !important; box-sizing:border-box; }
body .dialog .closeBtn { width:38px !important; height:38px !important; top:9px !important; right:10px !important; }
body .dialog .dialog-body, body #RoomDiag .dialog-body, body #QuickDiag .dialog-body {
 width:100% !important; height:auto !important; max-height:calc(100dvh - 88px) !important;
 padding:24px !important; overflow:auto !important; font-size:16px !important; line-height:1.5;
}
body .dialog .dialog-bar { gap:12px; margin:12px 0; }
body .dialog .dialog-bar > h4 { flex-basis:125px; font-size:15px; }
body .dialog input:not([type='checkbox']):not([type='radio']), body .dialog select {
 height:44px !important; min-height:44px; font-size:16px !important; max-width:100%;
}
body .dialog button { min-height:42px; padding:8px 18px !important; font-size:15px !important; box-sizing:border-box; }
body .dialog .tail-button { margin-bottom:0; padding:14px 0 0; gap:10px; }
body #DictionaryDiag #dict-output { flex:1 1 100%; min-height:200px; height:min(32vh,320px) !important; width:100% !important; }
body #HelpDiag, body #DressDiag, body #CharFactoryDiag, body #LeaderboardDiag, body #ReplayDiag { width:min(860px,calc(100vw - 32px)) !important; }
body .dialog iframe { max-width:100%; width:100%; height:min(60vh,520px); }
@media(max-width:600px) {
 body .dialog,body #RoomDiag,body #QuickDiag { width:calc(100vw - 16px) !important; max-height:calc(100dvh - 16px) !important; }
 body .dialog .dialog-body,body #RoomDiag .dialog-body,body #QuickDiag .dialog-body { padding:16px !important; max-height:calc(100dvh - 72px) !important; }
 body .dialog .dialog-bar > h4 { flex-basis:100px; }
}
body[data-game-view] .ChatBox .product-body {
 grid-template-rows:minmax(0,1fr) 44px !important;
 grid-template-columns:minmax(0,1fr) 62px !important;
 padding:8px !important; gap:8px !important; background:#f2f7f3;
}
body[data-game-view] .ChatBox #Talk {
 display:block !important; grid-row:2; grid-column:1; height:44px !important;
 min-width:0; padding:0 10px !important; margin:0 !important;
 background:#fff !important; border:2px solid #56876b !important;
 border-radius:9px !important; color:#172f22 !important; font-size:16px !important;
 line-height:normal; opacity:1 !important; box-shadow:none;
}
body[data-game-view] .ChatBox #Talk:focus {
 outline:3px solid #b6dfc6; outline-offset:1px; border-color:#226842 !important;
}
body[data-game-view] .ChatBox #Talk::placeholder { color:#52685a; opacity:1; }
body[data-game-view] .ChatBox #ChatBtn {
 grid-row:2; grid-column:2; height:44px !important; width:62px !important;
 padding:0 !important; margin:0 !important; border:0 !important; border-radius:9px !important;
 background:#276b48 !important; color:#fff !important; font-size:14px; font-weight:bold;
}
body:not([data-game-view='for-lobby']) .MeBox { display:none !important; }
body:has(.RoomListBox[style*='display: block']) #QuickRoomBtn,
body:has(.ShopBox[style*='display: block']) #QuickRoomBtn { display:none !important; }
#ShopBtn{
	opacity:1 !important;
	cursor:pointer !important;
	filter:none;
	pointer-events:auto !important;
}
#ShopBtn:hover{
	transform:translateY(-2px) !important;
	box-shadow:0 8px 16px rgba(43,115,77,.24) !important;
}
.reconnect-box{
	box-sizing:border-box;
	width:min(520px,calc(100vw - 36px));
	margin:18vh auto 0;
	padding:26px;
	border-radius:26px;
	background:rgba(255,255,255,.92);
	color:#193629;
	text-align:center;
	box-shadow:0 18px 55px rgba(25,54,41,.22);
}
.reconnect-box h2{
	margin:0 0 12px;
	font-size:28px;
	font-weight:900;
}
.reconnect-box p{
	margin:8px 0;
	font-size:16px;
	color:#486757;
}
#ReconnectNow{
	display:inline-block;
	margin-top:18px;
	padding:14px 24px;
	border:0;
	border-radius:16px;
	background:linear-gradient(135deg,#bff7ce,#e5ff9c);
	color:#1f704b;
	font-size:18px;
	font-weight:900;
	cursor:pointer;
	box-shadow:0 8px 20px rgba(62,141,89,.25);
}
body > #Intro { position:fixed !important; inset:0 !important; z-index:2147483000 !important; pointer-events:auto; transform:none !important; }
body[data-game-view='for-gaming'] .kkutu-menu,
body[data-game-view='for-master'] .kkutu-menu,
body[data-game-view='for-normal'] .kkutu-menu {
 position:fixed !important; left:16px !important; top:10px !important; right:170px !important;
 width:auto !important; height:44px !important; max-height:none !important; transform:none !important;
 display:flex !important; flex-direction:row !important; align-items:center; gap:8px; padding:0; overflow:auto; z-index:70;
}
body:not([data-game-view='for-lobby']) .kkutu-menu button {
 flex:0 0 auto; width:auto !important; min-width:82px; height:38px !important; line-height:38px !important;
 padding:0 14px !important; font-size:14px !important; margin:0 !important;
}
body:not([data-game-view='for-lobby']) .kkutu-menu button::before { display:none !important; }
body[data-game-view='for-gaming'] .GameBox {
 position:fixed !important; inset:64px 8px 8px !important; width:auto !important; height:auto !important;
 margin:0 !important; box-sizing:border-box; overflow:hidden; border-radius:18px;
}
body.modern-classic .GameBox .product-body { height:calc(100% - 34px) !important; min-height:0 !important; overflow:auto; }
body.modern-classic .game-head { height:220px !important; min-height:220px; }
body.modern-classic .jjoriping { top:45px; }
body.modern-classic .history-holder { top:140px; left:12px; width:190px; max-height:110px; overflow:auto; }
body.modern-classic .history { width:100%; display:flex; flex-direction:column; gap:4px; }
/* Game history widths are animated inline by body.js.  Do not impose an
 * important fixed width here, or every entry stacks and the animation clips. */
body.modern-classic .history>div { flex:0 0 auto; margin:0; }
body.modern-classic .game-input { top:232px; height:62px; width:min(650px,88%); }
body.modern-classic #game-input { font-size:clamp(14px,1.6vw,21px); }
body.modern-classic .game-body { padding:90px 16px 195px; gap:12px; }
body[data-game-view='for-gaming'] .ChatBox {
 position:fixed !important; left:20px !important; right:auto !important; bottom:20px !important;
 width:min(330px,calc(100vw - 40px)) !important; height:160px !important; z-index:20;
 border:1px solid #cce6ca; box-shadow:none; border-radius:14px; overflow:hidden;
}
#TurnHint { position:absolute; top:calc(100% + 6px); left:0; width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:4px; z-index:4; }
#TurnHint button { float:none; width:auto; height:auto; margin:0; padding:3px 8px; font-size:12px; border:1px solid #c6dfd0; border-radius:6px; color:#2a624b; background:#fff; cursor:pointer; }
.game-input[data-mode='hint'] { background:#ffe1ee !important; border-color:#f09abc !important; }
.game-input[data-mode='prediction'] { background:#fff4b8 !important; border-color:#e5c54f !important; }
body[data-game-view='for-master'] .RoomBox, body[data-game-view='for-normal'] .RoomBox {
 position:fixed !important; inset:72px 24px 204px 220px !important; width:auto !important; height:auto !important;
 min-height:0; margin:0; background:#f8fff9; border:1px solid #d0e6d7; border-radius:20px; overflow:hidden;
}
.RoomBox .product-title { padding:14px !important; min-height:42px; height:auto !important; box-sizing:border-box; background:#ddf4e7 !important; }
.RoomBox .product-body { height:calc(100% - 55px) !important; width:100% !important; padding:16px !important; box-sizing:border-box; overflow-y:auto !important; overflow-x:hidden !important; }
.RoomBox .team-selector { float:none; display:flex; gap:8px; align-items:center; width:100%; height:auto; margin:0 0 18px; }
.RoomBox .team-button { flex:0 0 48px; width:48px !important; height:34px !important; line-height:34px !important; padding:0 !important; margin:0; border-radius:8px; }
#RoomAddBot { flex:0 0 auto; white-space:nowrap; margin-left:auto; border:1px solid #b7dbc7; border-radius:10px; padding:9px 16px; background:white; color:#2f7054; cursor:pointer; }
.RoomBox .room-users { float:none; display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:14px; width:100%; height:auto !important; }
.RoomBox .room-user { float:none; position:relative; width:auto !important; height:180px !important; margin:0 !important; padding:14px; box-sizing:border-box; border:1px solid #d4e7da; border-radius:16px; background:#fff; }
.RoomBox .room-user-image { float:none; margin:10px auto 6px; }
.RoomBox .room-user-stat { position:absolute; top:9px; left:10px; right:10px; width:auto; }
.RoomBox .room-user-title { float:none; display:flex; justify-content:center; align-items:center; width:100%; margin-top:8px; }
.RoomBox .room-user-name { width:auto; max-width:130px; }
body[data-game-view='for-master'] .ChatBox, body[data-game-view='for-normal'] .ChatBox { left:220px !important; right:24px !important; width:auto !important; bottom:18px !important; height:170px !important; }
.RoomListBox { inset:90px 32px 36px 220px !important; width:auto !important; height:auto !important; border-radius:20px; overflow:hidden; }
#RoomBrowseTools { display:flex; align-items:center; gap:14px; padding:18px 22px; box-sizing:border-box; }
#RoomBrowseTools strong { font-size:23px; color:#326a50; }
#RoomBrowseTools p { margin:4px 0 0; color:#778c7e; font-size:13px; }
#RoomSearch { margin-left:auto; width:180px; min-width:60px; padding:10px; border:1px solid #cce5d3; border-radius:10px; }
#BrowseCreate { border:0; background:#bee9cb; color:#255b40; border-radius:10px; padding:12px 18px; white-space:nowrap; cursor:pointer; }
.RoomListBox .product-body { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); align-content:start; gap:12px; height:calc(100% - 142px) !important; padding:16px 22px !important; box-sizing:border-box; overflow:auto !important; }
.RoomListBox .rooms-item { position:relative; float:none; width:100% !important; height:130px !important; margin:0 !important; padding:16px !important; border:1px solid #d6e9dc; border-radius:14px; background:white; box-sizing:border-box; overflow:hidden; }
.rooms-item .rooms-title { width:calc(100% - 50px); font-size:17px; line-height:28px; }
.rooms-item .rooms-number { color:#83a28f; font-size:11px; }
.rooms-item .rooms-limit { position:absolute; right:14px; top:18px; }
.rooms-item .rooms-mode { max-width:100%; font-size:12px; color:#567763; }
.rooms-item.rooms-gaming { background:#f0f6f2; }
.RoomListBox .rooms-create { width:100%; margin:0; }
@media(max-width:800px) {
 body.modern-classic .history-holder { display:none; }
 body:not([data-game-view='for-lobby']) .kkutu-menu { right:130px !important; left:8px !important; }
 body:not([data-game-view='for-lobby']) .kkutu-menu button { min-width:64px; padding:0 9px !important; }
 body.modern-classic .game-head { height:205px !important; min-height:205px; }
 body.modern-classic .game-input { top:215px; }
 body.modern-classic .game-body { padding-top:82px; padding-bottom:155px; }
 body.modern-classic .game-user { flex-basis:105px; height:170px !important; }
 body[data-game-view='for-gaming'] .ChatBox { width:250px !important; height:128px !important; left:16px !important; bottom:16px !important; }
 body[data-game-view='for-master'] .RoomBox,body[data-game-view='for-normal'] .RoomBox { left:12px !important; right:12px !important; bottom:164px !important; }
 body[data-game-view='for-master'] .ChatBox,body[data-game-view='for-normal'] .ChatBox { left:12px !important; right:12px !important; height:140px !important; }
 .RoomListBox { inset:76px 10px 12px !important; }
 #RoomBrowseTools { flex-wrap:wrap; gap:8px; padding:12px; }
 #RoomBrowseTools p { display:none; }
 #RoomSearch { width:100px; }
 .RoomListBox .product-body { grid-template-columns:1fr; padding:10px !important; }
}

/* Phone layout: independent regions, no legacy hidden chat or narrow side rail. */
body[data-game-view] { min-width:0 !important; }
@media(max-width:800px) {
 body[data-game-view] #Middle { min-width:0 !important; width:100% !important; margin:0 !important; }
 body[data-game-view] .ChatBox { display:block !important; }
 body[data-game-view='for-lobby'] .MeBox { width:calc(100% - 116px) !important; height:64px !important; top:8px !important; left:8px !important; overflow:hidden; }
 body[data-game-view='for-lobby'] .MeBox .my-gauge { max-width:100%; }
 body[data-game-view='for-lobby'] .kkutu-menu { position:fixed !important; inset:80px 8px auto !important; width:auto !important; height:auto !important; max-height:112px !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:0; transform:none !important; }
 body[data-game-view='for-lobby'] .kkutu-menu button { min-width:0 !important; width:100% !important; height:44px !important; line-height:44px !important; padding:0 4px 0 29px !important; font-size:13px !important; border-radius:12px !important; margin:0 !important; }
 body[data-game-view='for-lobby'] .kkutu-menu button::before { left:6px !important; width:20px !important; height:20px !important; }
 body[data-game-view='for-lobby'] #LobbyHero { left:50% !important; top:calc(190px + (100dvh - 460px)/2) !important; width:180px !important; height:180px !important; }
 body[data-game-view='for-lobby'] #QuickRoomBtn { left:50% !important; bottom:154px !important; width:min(300px,calc(100vw - 24px)) !important; height:66px !important; transform:translateX(-50%) !important; }
 body[data-game-view='for-lobby'] .ChatBox { position:fixed !important; inset:auto 8px 8px !important; width:auto !important; height:134px !important; }
 body:not([data-game-view='for-lobby']) .kkutu-menu { left:8px !important; right:8px !important; top:8px !important; bottom:auto !important; height:44px !important; z-index:70 !important; }
 body:not([data-game-view='for-lobby']) .detached-menu { display:none !important; }
 body[data-game-view] .RoomListBox, body[data-game-view] .ShopBox { position:fixed !important; inset:64px 8px 8px !important; width:auto !important; height:auto !important; max-width:none !important; margin:0 !important; z-index:80 !important; overflow:auto !important; }
 body[data-game-view] .ShopBox .product-body { width:100% !important; height:calc(100% - 56px) !important; box-sizing:border-box; overflow:auto !important; }
 body[data-game-view] .RoomListBox .product-body { grid-template-columns:minmax(0,1fr); }
 #RoomBrowseTools { gap:8px; padding:12px; }
 #RoomBrowseTools strong { font-size:20px; }
 #RoomSearch { flex:1; width:80px; }
 body[data-game-view] .RoomBox { top:60px !important; bottom:156px !important; }
 .RoomBox .room-users { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .RoomBox .room-user { height:166px !important; padding:8px; }
 .RoomBox .team-selector { flex-wrap:wrap; gap:6px; }
 .RoomBox .team-button { flex-basis:34px; width:34px !important; }
 #RoomAddBot { padding:8px; }
 body[data-game-view='for-gaming'] .GameBox { inset:60px 6px 6px !important; }
 body.modern-classic .GameBox .product-body { padding-bottom:150px !important; }
 body.modern-classic .game-head { height:185px !important; min-height:185px !important; }
 body.modern-classic .GameBox .jjoriping { top:35px !important; width:90% !important; }
 body.modern-classic .game-input { position:relative !important; left:auto !important; top:auto !important; transform:none !important; width:calc(100% - 16px) !important; margin:8px !important; height:56px !important; }
 body.modern-classic #game-input { font-size:16px !important; }
 body.modern-classic .game-body { padding:12px 8px !important; gap:8px; }
 body.modern-classic .game-user { flex:0 0 104px; height:150px !important; }
 body[data-game-view='for-gaming'] .ChatBox { inset:auto 12px 12px !important; width:auto !important; height:130px !important; z-index:25 !important; }
 body .dialog .dialog-bar { flex-wrap:wrap; min-width:0; }
 body .dialog .dialog-bar > h4 { flex:0 0 100%; margin:0; }
 body .dialog .dialog-body { box-sizing:border-box; overscroll-behavior:contain; }
 body .dialog input, body .dialog select { box-sizing:border-box; min-width:0; }
 body .dialog .tail-button { position:sticky; bottom:-16px; background:#fff; flex-wrap:wrap; }
}
@media(max-width:800px) and (max-height:600px) {
 body[data-game-view='for-lobby'] #LobbyHero { display:none !important; }
 body[data-game-view='for-lobby'] #QuickRoomBtn { bottom:146px !important; }
 body.modern-classic .GameBox .product-body { padding-bottom:110px !important; }
 body[data-game-view='for-gaming'] .ChatBox { height:100px !important; }
}

/* Round notebook and shield status remain visible on phones too. */
body.modern-classic .GameBox .history-holder { display:block !important; position:absolute; left:8px; top:8px; width:150px; max-height:124px; overflow:auto; z-index:5; border-radius:8px; background:rgba(255,255,255,.92); }
body.modern-classic .history-holder::before { content:'이번 라운드 낱말'; display:block; padding:5px; font-size:12px; color:#286144; }
/* `.history-item` widths are driven by the engine's inline slide animation. */
#ShieldStatus { position:absolute; right:8px; top:8px; padding:6px 10px; border-radius:10px; background:#d9efdf; color:#245b3d; font-size:13px; z-index:5; }
#DraftStatus { position:absolute; top:100%; left:0; right:0; padding:3px; text-align:center; font-size:12px; color:#234b35; background:#fff; border-radius:6px; }
@media(max-width:800px) {
 body.modern-classic .GameBox .history-holder { width:112px; max-height:70px; font-size:11px; }
 body.modern-classic .GameBox .jjoriping { top:86px !important; }
 body.modern-classic .game-head { height:236px !important; min-height:236px !important; }
}

body .product-title.branded-room-head { display:grid !important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:12px; box-sizing:border-box; }
.branded-room-head .room-head-identity { grid-column:1; grid-row:1; display:flex; min-width:0; align-items:center; }
.branded-room-head .room-head-brand { grid-column:2; grid-row:1; text-align:center; white-space:nowrap; font-size:13px; font-weight:700; color:#39705d; }
.branded-room-head .room-head-details { grid-column:3; grid-row:1; display:flex; justify-content:flex-end; min-width:0; align-items:center; gap:6px; }
body .branded-room-head h5 { float:none !important; width:auto !important; margin:0 !important; white-space:nowrap; }
.branded-room-head .room-head-title, .branded-room-head .room-head-mode { overflow:hidden; text-overflow:ellipsis; min-width:0; }
.branded-room-head .room-head-number, .branded-room-head .room-head-limit, .branded-room-head .room-head-round, .branded-room-head .room-head-time { flex-shrink:0; }
#ShopMaintenance {
 width:100%;
 height:100%;
 min-height:305px;
 display:flex;
 align-items:center;
 justify-content:center;
 overflow:hidden;
 background:#f4f8ee;
}
#ShopMaintenance img {
	display:block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
	object-position:center;
}
.ShopBox .product-body:has(#ShopMaintenance) {
 width:780px;
 height:330px;
 padding:0 !important;
 overflow:hidden !important;
 background:#f4f8ee;
}
body[data-game-view] .ShopBox .product-body:has(#ShopMaintenance) {
 height:calc(100% - 34px) !important;
}
@media(max-width:800px) {
 body .product-title.branded-room-head { gap:4px; padding-left:4px !important; padding-right:4px !important; }
 .branded-room-head .room-head-brand { font-size:10px; }
 .branded-room-head .room-head-details { justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }
 .branded-room-head .room-head-details h5 { flex-shrink:0; font-size:9px; }
}

/* Final desktop game layout fix. */
@media(min-width:801px) {
 body[data-game-view='for-gaming'] .GameBox {
  position:fixed !important;
  inset:64px 64px 98px 64px !important;
  width:auto !important;
  height:auto !important;
  overflow:hidden !important;
 }
 body.modern-classic .GameBox .product-body {
  position:relative !important;
  height:calc(100% - 34px) !important;
  min-height:0 !important;
  overflow:hidden !important;
  padding:0 !important;
 }
 body.modern-classic .game-head {
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:220px !important;
  min-height:220px !important;
 }
 body.modern-classic .GameBox .jjoriping {
  position:absolute !important;
  left:50% !important;
  top:28px !important;
  width:560px !important;
  max-width:42vw !important;
  transform:translateX(-50%) !important;
 }
 body.modern-classic .GameBox .jjoDisplayBar {
  width:100% !important;
 }
 body.modern-classic .game-input {
  position:absolute !important;
  left:50% !important;
  top:auto !important;
  right:auto !important;
  bottom:245px !important;
  width:min(620px,46vw) !important;
  height:58px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  z-index:12 !important;
 }
 body.modern-classic #game-input {
  width:calc(100% - 72px) !important;
  height:42px !important;
  font-size:17px !important;
 }
 body.modern-classic .game-input button {
  height:42px !important;
 }
 body.modern-classic .game-body {
  position:absolute !important;
  left:50% !important;
  top:auto !important;
  bottom:88px !important;
  width:auto !important;
  max-width:760px !important;
  height:150px !important;
  padding:0 !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:14px !important;
  overflow:visible !important;
 }
 body.modern-classic .game-user {
  float:none !important;
  flex:0 0 126px !important;
  width:126px !important;
  height:146px !important;
  margin:0 !important;
  padding:8px !important;
  box-sizing:border-box !important;
  border-radius:14px !important;
 }
 body.modern-classic .game-user-image {
  float:none !important;
  display:block !important;
  width:78px !important;
  height:78px !important;
  margin:0 auto 5px !important;
 }
 body.modern-classic .game-user-title {
  float:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  gap:3px !important;
 }
 body.modern-classic .game-user-name {
  width:auto !important;
  max-width:92px !important;
  font-size:13px !important;
 }
 body.modern-classic .game-user-score {
  width:100% !important;
  box-sizing:border-box !important;
  text-align:center !important;
  font-size:30px !important;
  line-height:34px !important;
 }
 body[data-game-view='for-gaming'] .ChatBox {
  left:64px !important;
  right:auto !important;
  bottom:16px !important;
  width:360px !important;
  height:130px !important;
  z-index:30 !important;
 }
}

/* Emergency stable game layout override. */
@media(min-width:801px) {
 body[data-game-view='for-gaming'] .GameBox {
  left:48px !important;
  right:48px !important;
  top:70px !important;
  bottom:150px !important;
  width:auto !important;
  height:auto !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-body {
  position:relative !important;
  width:100% !important;
  height:calc(100% - 34px) !important;
  overflow:hidden !important;
  padding:0 !important;
 }
 body[data-game-view='for-gaming'] .game-head {
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:235px !important;
  min-height:235px !important;
 }
 body[data-game-view='for-gaming'] .jjoriping {
  position:absolute !important;
  left:50% !important;
  top:30px !important;
  width:560px !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar {
  width:100% !important;
 }
 body[data-game-view='for-gaming'] .chain {
  position:absolute !important;
  left:calc(50% + 330px) !important;
  top:70px !important;
  margin:0 !important;
 }
 body[data-game-view='for-gaming'] .game-input {
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:255px !important;
  bottom:auto !important;
  width:560px !important;
  height:58px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  z-index:20 !important;
 }
 body[data-game-view='for-gaming'] #game-input {
  box-sizing:border-box !important;
  width:calc(100% - 76px) !important;
  height:42px !important;
  font-size:17px !important;
 }
 body[data-game-view='for-gaming'] .game-input button {
  height:42px !important;
 }
 body[data-game-view='for-gaming'] .game-body {
  position:absolute !important;
  left:50% !important;
  top:335px !important;
  bottom:auto !important;
  width:auto !important;
  max-width:760px !important;
  height:170px !important;
  padding:0 !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:14px !important;
  overflow:visible !important;
 }
 body[data-game-view='for-gaming'] .game-user {
  float:none !important;
  position:relative !important;
  flex:0 0 130px !important;
  width:130px !important;
  height:160px !important;
  margin:0 !important;
  padding:10px !important;
  box-sizing:border-box !important;
  border-radius:14px !important;
 }
 body[data-game-view='for-gaming'] .game-user-image {
  display:block !important;
  float:none !important;
  width:82px !important;
  height:82px !important;
  margin:0 auto 6px !important;
 }
 body[data-game-view='for-gaming'] .game-user-title {
  float:none !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  gap:3px !important;
 }
 body[data-game-view='for-gaming'] .game-user-name {
  width:auto !important;
  max-width:96px !important;
  font-size:13px !important;
 }
 body[data-game-view='for-gaming'] .game-user-score {
  width:100% !important;
  box-sizing:border-box !important;
  text-align:center !important;
  font-size:28px !important;
  line-height:32px !important;
 }
body[data-game-view='for-gaming'] .ChatBox {
  left:48px !important;
  right:48px !important;
  bottom:16px !important;
  width:auto !important;
  height:120px !important;
 }
}

/* Final full-screen practice-style game layout. */
@media (min-width: 801px) {
 body[data-game-view='for-gaming'] {
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] #Middle {
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .GameBox {
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#f3fff1 !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-title {
  position:absolute !important;
  left:16px !important;
  top:10px !important;
  z-index:25 !important;
  width:auto !important;
  max-width:360px !important;
  height:28px !important;
  line-height:28px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:rgba(212,255,230,.88) !important;
  color:#35725a !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-body {
  position:relative !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.58) !important;
 }
 body[data-game-view='for-gaming'] .game-head {
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:46px !important;
  height:220px !important;
  min-height:220px !important;
  margin:0 !important;
  padding:0 !important;
 }
 body[data-game-view='for-gaming'] .jjoriping {
  position:absolute !important;
  left:50% !important;
  top:18px !important;
  width:min(560px, calc(100vw - 520px)) !important;
  min-width:430px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  z-index:8 !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar {
  width:100% !important;
 }
 body[data-game-view='for-gaming'] .chain {
  position:absolute !important;
  left:calc(50% + 300px) !important;
  top:50px !important;
  margin:0 !important;
  z-index:8 !important;
 }
 body[data-game-view='for-gaming'] .history-holder {
  display:block !important;
  position:absolute !important;
  left:18px !important;
  top:52px !important;
  width:190px !important;
  max-height:132px !important;
  overflow:auto !important;
  z-index:9 !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 10px 24px rgba(80,130,90,.10) !important;
 }
 body[data-game-view='for-gaming'] .game-input {
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:260px !important;
  bottom:auto !important;
  width:min(620px, calc(100vw - 48px)) !important;
  height:60px !important;
  margin:0 !important;
  padding:7px !important;
  transform:translateX(-50%) !important;
  z-index:20 !important;
 }
 body[data-game-view='for-gaming'] #game-input {
  box-sizing:border-box !important;
  width:calc(100% - 78px) !important;
  height:44px !important;
  font-size:18px !important;
  line-height:44px !important;
 }
 body[data-game-view='for-gaming'] .game-input button {
  width:64px !important;
  height:44px !important;
  line-height:44px !important;
 }
 body[data-game-view='for-gaming'] .game-body {
  position:absolute !important;
  left:50% !important;
  top:345px !important;
  bottom:auto !important;
  width:auto !important;
  max-width:780px !important;
  height:178px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:14px !important;
  overflow:visible !important;
  z-index:10 !important;
 }
 body[data-game-view='for-gaming'] .game-user {
  position:relative !important;
  float:none !important;
  flex:0 0 132px !important;
  width:132px !important;
  height:166px !important;
  margin:0 !important;
  padding:10px !important;
  box-sizing:border-box !important;
  border-radius:14px !important;
 }
 body[data-game-view='for-gaming'] .game-user-image {
  float:none !important;
  display:block !important;
  width:82px !important;
  height:82px !important;
  margin:0 auto 7px !important;
 }
 body[data-game-view='for-gaming'] .game-user-title {
  float:none !important;
  display:flex !important;
  width:100% !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
 }
 body[data-game-view='for-gaming'] .game-user-name {
  width:auto !important;
  max-width:96px !important;
  font-size:13px !important;
 }
 body[data-game-view='for-gaming'] .game-user-score {
  width:100% !important;
  font-size:29px !important;
  line-height:34px !important;
  text-align:center !important;
 }
body[data-game-view='for-gaming'] .ChatBox {
  position:fixed !important;
  left:18px !important;
  right:auto !important;
  bottom:18px !important;
  width:380px !important;
  height:150px !important;
  z-index:35 !important;
 }
 body[data-game-view='for-gaming'] .kkutu-menu {
  z-index:45 !important;
 }
}

@media (max-width: 800px) {
 body[data-game-view='for-gaming'] .GameBox {
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  border-radius:0 !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .game-head {
  top:44px !important;
  height:210px !important;
  min-height:210px !important;
 }
 body[data-game-view='for-gaming'] .GameBox .jjoriping {
  left:50% !important;
  top:30px !important;
  width:min(92vw, 430px) !important;
  min-width:0 !important;
  transform:translateX(-50%) !important;
 }
 body[data-game-view='for-gaming'] .chain {
  left:50% !important;
  top:145px !important;
  transform:translateX(-50%) !important;
 }
 body[data-game-view='for-gaming'] .game-input {
  top:260px !important;
  left:50% !important;
  width:calc(100vw - 24px) !important;
  transform:translateX(-50%) !important;
 }
 body[data-game-view='for-gaming'] .game-body {
  top:332px !important;
  left:50% !important;
  width:calc(100vw - 24px) !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  justify-content:center !important;
  gap:8px !important;
 }
 body[data-game-view='for-gaming'] .game-user {
  flex:0 0 104px !important;
  width:104px !important;
  height:150px !important;
 }
 body[data-game-view='for-gaming'] .ChatBox {
  position:fixed !important;
  left:8px !important;
  right:8px !important;
  bottom:8px !important;
  width:auto !important;
  height:126px !important;
 }
}

/* Stable scaled classic game board: keep the practice/original layout, only scale the whole board. */
@media (min-width: 801px) {
 body[data-game-view='for-gaming'] {
  overflow:hidden !important;
  background:#ecfae8 !important;
 }
 body[data-game-view='for-gaming'] #Middle {
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .GameBox {
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#f5fff3 !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-title {
  position:absolute !important;
  left:18px !important;
  top:14px !important;
  width:auto !important;
  max-width:460px !important;
  height:26px !important;
  line-height:26px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  z-index:20 !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-body {
  --kkutu-board-scale: min(calc((100vw - 96px) / 1000), calc((100dvh - 250px) / 410), 1.5);
  position:absolute !important;
  left:calc(50% - 500px) !important;
  top:72px !important;
  width:1000px !important;
  height:410px !important;
  min-height:410px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  transform:scale(var(--kkutu-board-scale)) !important;
  transform-origin:top left !important;
  background:transparent !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-body > .game-head,
 body[data-game-view='for-gaming'] .GameBox .product-body > .game-body,
 body[data-game-view='for-gaming'] .GameBox .product-body > .game-input {
  float:none !important;
 }
 body[data-game-view='for-gaming'] .game-head {
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  width:1000px !important;
  height:220px !important;
  min-height:220px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
 }
 body[data-game-view='for-gaming'] .hints {
  margin:40px 10px 0 10px !important;
  width:225px !important;
  height:110px !important;
 }
 body[data-game-view='for-gaming'] .b-left {
  position:static !important;
  padding:5px !important;
  margin-top:25px !important;
  width:324px !important;
 }
 body[data-game-view='for-gaming'] .items {
  position:static !important;
  padding-top:55px !important;
  margin:50px 40px 0 105px !important;
  width:100px !important;
  height:45px !important;
 }
 body[data-game-view='for-gaming'] .jjoriping {
  position:static !important;
  left:auto !important;
  top:auto !important;
  width:500px !important;
  min-width:0 !important;
  margin:0 !important;
  transform:none !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar {
  width:486px !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar .graph {
  width:484px !important;
 }
 body[data-game-view='for-gaming'] .chain {
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  padding-top:55px !important;
  margin:50px 105px 0 40px !important;
  width:100px !important;
  height:45px !important;
 }
 body[data-game-view='for-gaming'] .rounds {
  position:static !important;
  margin-top:-130px !important;
  width:990px !important;
 }
 body[data-game-view='for-gaming'] .history-holder {
  display:block !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  width:990px !important;
  height:40px !important;
  max-height:none !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
 }
 body[data-game-view='for-gaming'] .history-holder::before {
  content:none !important;
 }
 body[data-game-view='for-gaming'] .history {
  width:1200px !important;
  height:42px !important;
 }
 body[data-game-view='for-gaming'] .game-input {
  position:relative !important;
  left:244px !important;
  right:auto !important;
  top:-220px !important;
  bottom:auto !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:5px !important;
  transform:none !important;
  z-index:auto !important;
 }
 body[data-game-view='for-gaming'] #game-input {
  width:478px !important;
  height:40px !important;
  font-size:20px !important;
  line-height:normal !important;
 }
 body[data-game-view='for-gaming'] .game-input button {
  width:auto !important;
  height:auto !important;
  line-height:normal !important;
 }
 body[data-game-view='for-gaming'] .game-body {
  position:static !important;
  left:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:992px !important;
  max-width:none !important;
  height:180px !important;
  margin:0 -1px !important;
  padding:0 !important;
  transform:none !important;
  display:block !important;
  overflow:visible !important;
 }
 body[data-game-view='for-gaming'] .game-user {
  position:relative !important;
  float:left !important;
  display:block !important;
  flex:none !important;
  width:110px !important;
  height:167px !important;
  margin:13px 3px 3px 3px !important;
  padding:1px !important;
  box-sizing:content-box !important;
  border-radius:10px !important;
 }
 body[data-game-view='for-gaming'] .game-user-current {
  margin-top:0 !important;
  height:177px !important;
 }
 body[data-game-view='for-gaming'] .game-user-image {
  float:left !important;
  display:block !important;
  width:100px !important;
  height:100px !important;
  margin:3px 5px !important;
 }
 body[data-game-view='for-gaming'] .game-user-title {
  float:left !important;
  display:block !important;
  width:auto !important;
 }
 body[data-game-view='for-gaming'] .game-user-level {
  margin:1px !important;
  width:18px !important;
  height:18px !important;
 }
 body[data-game-view='for-gaming'] .game-user-name {
  padding-left:3px !important;
  margin:3px 0 !important;
  width:87px !important;
  max-width:none !important;
  height:20px !important;
  font-size:15px !important;
 }
 body[data-game-view='for-gaming'] .game-user-score {
  padding:0 5px !important;
  width:100px !important;
  font-size:30px !important;
  line-height:normal !important;
  text-align:left !important;
 }
 body[data-game-view='for-gaming'] .ChatBox {
  position:fixed !important;
  left:18px !important;
  right:auto !important;
  bottom:18px !important;
  width:360px !important;
  height:150px !important;
  z-index:35 !important;
 }
}

/* Centered game-stage fix: word board, hints, input, and players stay in one clean column. */
@media (min-width: 801px) {
body[data-game-view='for-gaming'] .GameBox .product-body {
  --kkutu-board-scale: min(calc((100vw - 120px) / 1080), calc((100dvh - 250px) / 610), 1.35);
  left:calc(50% - 540px) !important;
  top:72px !important;
  width:1080px !important;
  height:610px !important;
  min-height:610px !important;
  transform:scale(var(--kkutu-board-scale)) !important;
  transform-origin:top left !important;
  overflow:visible !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-body > .game-head,
 body[data-game-view='for-gaming'] .GameBox .product-body > .game-body,
 body[data-game-view='for-gaming'] .GameBox .product-body > .game-input {
  float:none !important;
 }
body[data-game-view='for-gaming'] .game-head {
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:1080px !important;
  height:290px !important;
  min-height:290px !important;
  overflow:visible !important;
 }
body[data-game-view='for-gaming'] .jjoriping {
  position:absolute !important;
  left:270px !important;
  top:18px !important;
  width:500px !important;
  margin:0 !important;
  transform:none !important;
  z-index:9 !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar {
  width:486px !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar .graph {
  width:484px !important;
 }
body[data-game-view='for-gaming'] .chain {
  position:absolute !important;
  left:835px !important;
  top:58px !important;
  width:100px !important;
  height:45px !important;
  margin:0 !important;
  padding-top:55px !important;
  transform:none !important;
  z-index:10 !important;
 }
body[data-game-view='for-gaming'] .rounds {
  position:absolute !important;
  left:5px !important;
  top:0 !important;
  width:1080px !important;
  margin:0 !important;
  z-index:12 !important;
 }
body[data-game-view='for-gaming'] .history-holder {
  position:absolute !important;
  left:270px !important;
  top:142px !important;
  width:500px !important;
  height:42px !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 8px 18px rgba(64,112,80,.08) !important;
  z-index:11 !important;
 }
 body[data-game-view='for-gaming'] .history {
  display:flex !important;
  width:auto !important;
  min-width:100% !important;
  height:42px !important;
  align-items:center !important;
  gap:4px !important;
 }
body[data-game-view='for-gaming'] .hints {
  position:absolute !important;
  left:290px !important;
  top:520px !important;
  width:500px !important;
  height:54px !important;
  margin:0 !important;
  overflow:hidden !important;
  z-index:12 !important;
 }
 body[data-game-view='for-gaming'] .hint-item {
  display:block !important;
  width:auto !important;
  max-height:34px !important;
  margin:0 !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  background:rgba(37,76,55,.9) !important;
  color:#fff !important;
  text-align:center !important;
 }
body[data-game-view='for-gaming'] .game-input {
  position:absolute !important;
  left:270px !important;
  top:240px !important;
  width:500px !important;
  height:58px !important;
  margin:0 !important;
  padding:7px !important;
  border-radius:18px !important;
  box-sizing:border-box !important;
  background:rgba(255,255,255,.92) !important;
  border:3px solid rgba(151,222,181,.75) !important;
  transform:none !important;
  z-index:15 !important;
 }
 body[data-game-view='for-gaming'] #game-input {
  width:414px !important;
  height:38px !important;
  border:0 !important;
  font-size:18px !important;
  background:#fff !important;
  color:#26372d !important;
 }
 body[data-game-view='for-gaming'] .game-input button {
  float:right !important;
  width:64px !important;
  height:38px !important;
  line-height:38px !important;
  border-radius:12px !important;
  background:#aee7be !important;
  color:#23543c !important;
  font-weight:800 !important;
 }
body[data-game-view='for-gaming'] .game-body {
  position:absolute !important;
  left:0 !important;
  top:318px !important;
  width:1080px !important;
  height:196px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:12px !important;
  overflow:visible !important;
  transform:none !important;
  z-index:10 !important;
 }
 body[data-game-view='for-gaming'] .game-body .game-user {
  float:none !important;
  flex:0 0 118px !important;
  width:110px !important;
  height:167px !important;
  margin:0 !important;
  padding:1px !important;
  box-sizing:content-box !important;
 }
body[data-game-view='for-gaming'] .game-body .game-user-current {
  height:177px !important;
  margin-top:-10px !important;
 }
}

/* Readability fix: keep word text intact, show word meaning beside the word board, hints below players. */
@media (min-width: 801px) {
 body[data-game-view='for-gaming'] .GameBox .product-body {
  --kkutu-board-scale: min(calc((100vw - 120px) / 1120), calc((100dvh - 250px) / 640), 1.3) !important;
  left:calc(50% - 560px) !important;
  width:1120px !important;
  height:640px !important;
  min-height:640px !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-body div {
  box-sizing:content-box;
 }
 body[data-game-view='for-gaming'] .game-head {
  width:1120px !important;
  height:308px !important;
  min-height:308px !important;
 }
 body[data-game-view='for-gaming'] .jjoriping {
  left:310px !important;
  top:20px !important;
  width:500px !important;
 }
 body[data-game-view='for-gaming'] .jjoObj {
  position:relative !important;
  float:left !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar {
  width:486px !important;
  height:80px !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .jjo-display {
  width:476px !important;
  height:23px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  line-height:23px !important;
  font-size:20px !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar .graph {
  width:484px !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar .graph-bar {
  height:16px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  line-height:16px !important;
 }
 body[data-game-view='for-gaming'] .chain {
  left:850px !important;
  top:60px !important;
 }
  body[data-game-view='for-gaming'] .b-left {
  position:absolute !important;
  left:40px !important;
  top:54px !important;
  width:230px !important;
  max-height:180px !important;
  margin:0 !important;
  padding:10px !important;
  overflow:auto !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 12px 28px rgba(63,116,82,.12) !important;
  color:#244b38 !important;
  z-index:14 !important;
 }
 body[data-game-view='for-gaming'] .bb-word,
 body[data-game-view='for-gaming'] .cw-q-head,
 body[data-game-view='for-gaming'] .cw-q-body {
  color:#244b38 !important;
  text-shadow:none !important;
 }
 body[data-game-view='for-gaming'] .history-holder {
  left:310px !important;
  top:148px !important;
  width:500px !important;
 }
 body[data-game-view='for-gaming'] .game-input {
  left:310px !important;
  top:230px !important;
  width:500px !important;
 }
 body[data-game-view='for-gaming'] .game-body {
  top:310px !important;
  width:1120px !important;
  height:190px !important;
 }
  body[data-game-view='for-gaming'] .hints {
  left:310px !important;
  top:510px !important;
  width:500px !important;
  height:68px !important;
   align-items:flex-start !important;
  justify-content:center !important;
  gap:6px !important;
 }
body[data-game-view='for-gaming'] .hint-item {
  max-width:480px !important;
  min-height:24px !important;
  max-height:48px !important;
  line-height:18px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
 }
}

/* KKuTu classic-system final layout: preserve the game frame, modernize only placement. */
@media (min-width: 801px) {
 body[data-game-view='for-gaming'] {
  overflow:hidden !important;
  background:#effceb !important;
 }
 body[data-game-view='for-gaming'] #Middle,
 body[data-game-view='for-gaming'] .GameBox {
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .GameBox {
  top:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#effceb !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-title {
  position:absolute !important;
  left:18px !important;
  top:14px !important;
  width:auto !important;
  max-width:calc(100vw - 420px) !important;
  height:28px !important;
  line-height:28px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  z-index:30 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-body {
  --stage-scale:min(calc((100vw - 64px) / 1180), calc((100dvh - 210px) / 620), 1.18) !important;
  position:absolute !important;
  left:50% !important;
  top:62px !important;
  width:1180px !important;
  height:620px !important;
  min-height:620px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  transform:translateX(-50%) scale(var(--stage-scale)) !important;
  transform-origin:top center !important;
  background:transparent !important;
 }
 body[data-game-view='for-gaming'] .GameBox .product-body > .game-head,
 body[data-game-view='for-gaming'] .GameBox .product-body > .game-body,
 body[data-game-view='for-gaming'] .GameBox .product-body > .game-input {
  float:none !important;
  box-sizing:border-box;
 }
 body[data-game-view='for-gaming'] .game-head {
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:1180px !important;
  height:305px !important;
  min-height:305px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
 }
 body[data-game-view='for-gaming'] .jjoriping {
  position:absolute !important;
  left:340px !important;
  top:34px !important;
  width:500px !important;
  min-width:0 !important;
  margin:0 !important;
  transform:none !important;
  z-index:15 !important;
 }
 body[data-game-view='for-gaming'] .jjoObj {
  position:relative !important;
  float:left !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar {
  width:486px !important;
  height:80px !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .jjo-display {
  width:476px !important;
  height:23px !important;
  line-height:23px !important;
  padding:8px 5px !important;
  font-size:20px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  letter-spacing:0 !important;
  word-spacing:0 !important;
 }
 body[data-game-view='for-gaming'] .jjo-display label {
  display:inline !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing:0 !important;
  word-spacing:0 !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar .graph {
  width:484px !important;
  height:20px !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .jjoDisplayBar .graph-bar {
  height:16px !important;
  line-height:16px !important;
  padding-top:4px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
 }
 body[data-game-view='for-gaming'] .chain {
  position:absolute !important;
  left:858px !important;
  top:82px !important;
  width:100px !important;
  height:45px !important;
  margin:0 !important;
  padding-top:55px !important;
  transform:none !important;
  z-index:16 !important;
 }
 body[data-game-view='for-gaming'] .rounds {
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:1180px !important;
  margin:0 !important;
  text-align:center !important;
  z-index:18 !important;
 }
  body[data-game-view='for-gaming'] .b-left {
  position:absolute !important;
  left:930px !important;
  top:22px !important;
  width:220px !important;
  min-height:88px !important;
  max-height:210px !important;
  margin:0 !important;
  padding:14px !important;
  overflow:auto !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.9) !important;
  box-shadow:0 14px 32px rgba(58,107,74,.16) !important;
  color:#244b38 !important;
  text-shadow:none !important;
  z-index:20 !important;
 }
 body[data-game-view='for-gaming'] .bb-word {
  width:100% !important;
  color:#244b38 !important;
  font-size:15px !important;
  line-height:1.45 !important;
  text-shadow:none !important;
 }
 body[data-game-view='for-gaming'] .bb-char {
  display:inline-block !important;
  float:none !important;
  width:auto !important;
  min-width:14px !important;
 }
 body[data-game-view='for-gaming'] .history-holder {
  position:absolute !important;
  left:340px !important;
  top:166px !important;
  width:500px !important;
  height:40px !important;
  margin:0 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.68) !important;
  z-index:13 !important;
 }
  body[data-game-view='for-gaming'] .hints {
  position:absolute !important;
  left:340px !important;
  top:214px !important;
  width:500px !important;
  height:38px !important;
  margin:0 !important;
  overflow:hidden !important;
  z-index:14 !important;
 }
 body[data-game-view='for-gaming'] .hint-item {
  display:block !important;
  width:auto !important;
  max-width:476px !important;
  height:24px !important;
  max-height:24px !important;
  margin:0 !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  background:rgba(36,75,56,.88) !important;
  color:white !important;
  font-size:13px !important;
  line-height:24px !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
 }
 body[data-game-view='for-gaming'] .game-input {
  position:absolute !important;
  left:340px !important;
  top:260px !important;
  width:500px !important;
  height:58px !important;
  margin:0 !important;
  padding:7px !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  border:3px solid rgba(151,222,181,.82) !important;
  background:rgba(255,255,255,.94) !important;
  transform:none !important;
  z-index:17 !important;
 }
 body[data-game-view='for-gaming'] #game-input {
  float:left !important;
  width:414px !important;
  height:38px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:12px !important;
  box-sizing:border-box !important;
  font-size:18px !important;
  line-height:38px !important;
  color:#26372d !important;
  background:#fff !important;
 }
 body[data-game-view='for-gaming'] .game-input button {
  float:right !important;
  width:64px !important;
  height:38px !important;
  line-height:38px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:12px !important;
  background:#aee7be !important;
  color:#23543c !important;
  font-weight:800 !important;
 }
 body[data-game-view='for-gaming'] .game-body {
  position:absolute !important;
  left:0 !important;
  top:350px !important;
  width:1180px !important;
  height:205px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:12px !important;
  overflow:visible !important;
  transform:none !important;
  z-index:12 !important;
 }
 body[data-game-view='for-gaming'] .game-body .game-user {
  float:none !important;
  flex:0 0 116px !important;
  display:block !important;
  width:110px !important;
  height:167px !important;
  margin:0 !important;
  padding:1px !important;
  box-sizing:content-box !important;
  border-radius:10px !important;
 }
 body[data-game-view='for-gaming'] .game-body .game-user-current {
  height:177px !important;
  margin-top:-10px !important;
 }
 body[data-game-view='for-gaming'] .game-user-image {
  float:left !important;
  display:block !important;
  width:100px !important;
  height:100px !important;
  margin:3px 5px !important;
 }
 body[data-game-view='for-gaming'] .game-user-title {
  float:left !important;
  display:block !important;
  width:110px !important;
  height:24px !important;
  overflow:hidden !important;
 }
 body[data-game-view='for-gaming'] .game-user-name {
  width:87px !important;
  max-width:87px !important;
  height:20px !important;
  margin:3px 0 !important;
  padding-left:3px !important;
  font-size:15px !important;
  line-height:20px !important;
 }
 body[data-game-view='for-gaming'] .game-user-score {
  float:left !important;
  width:100px !important;
  padding:0 5px !important;
  font-size:30px !important;
  line-height:36px !important;
  text-align:left !important;
 }
}

@media (max-width: 800px) {
 body[data-game-view='for-gaming'] .game-body {
  left:0 !important;
  right:0 !important;
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  gap:8px !important;
 }
  body[data-game-view='for-gaming'] .hints {
  width:calc(100vw - 24px) !important;
  height:42px !important;
  margin:0 auto 6px !important;
 }
}